CSS3-Eigenschaft „Hintergrundgröße“.


  Übersetzungsergebnisse：

Hintergrund

英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]

n

英[saɪ z]美[ saɪz]

n. Größe, Leim, große Menge, Größe ändern, Farbe auftragen bestimmte Größe Dritte Person Singular: Größen Plural: Größen Partizip Präsens: Größe Vergangenheitsform: Größe Partizip Perfekt: Größe

CSS3-Eigenschaft „Hintergrundgröße“.Syntax

Funktion: Geben Sie die Größe des Hintergrundbilds an.

Hinweis: Vor CSS3 wurde die Größe des Hintergrundbilds durch die tatsächliche Größe des Bildes bestimmt. In CSS3 kann die Größe des Hintergrundbilds angegeben werden, wodurch wir das Hintergrundbild in verschiedenen Umgebungen wiederverwenden können.

In CSS3 können Sie die Größe des Hintergrundbilds über das Attribut „Hintergrundgröße“ festlegen, die Bildgröße über den Längenwert oder Prozentsatz festlegen oder das Bild über „Cover“ und „Contain“ skalieren

CSS3-Eigenschaft „Hintergrundgröße“.Beispiel

<!DOCTYPE html>
<html>
<head>
<style> 
body
{
background:url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
background-size:63px 100px;
-moz-background-size:63px 100px; /* 老版本的 Firefox */
background-repeat:no-repeat;
padding-top:80px;
}
</style>
</head>

<body>
<p>上面是缩小的背景图片。</p>

<p>原始图片：<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" alt="Flowers"></p>

</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten

einreichen