Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie die CSS-Hintergrundbildeigenschaft

So verwenden Sie die CSS-Hintergrundbildeigenschaft

藏色散人
藏色散人Original
2019-05-29 10:13:354747Durchsuche

Das CSS-Attribut „Hintergrundbild“ legt das Hintergrundbild für das Element fest. Die Syntax lautet: Hintergrundbild:URL (Bildpfad). Das von Ihnen festgelegte Hintergrundbild nimmt die volle Größe des Elements ein, einschließlich Abstand und Ränder, jedoch keine Ränder.

So verwenden Sie die CSS-Hintergrundbildeigenschaft

Wie verwende ich das CSS-Hintergrundbildattribut?

Funktion: Hintergrundbild für das Element festlegen.

Hinweis: Der Hintergrund eines Elements nimmt die gesamte Größe des Elements ein, einschließlich Polsterung und Rändern, jedoch keine Ränder. Standardmäßig wird das Hintergrundbild in der oberen linken Ecke des Elements platziert und wiederholt sich horizontal und vertikal.

Hinweis: Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.

Beispiel für die Verwendung des CSS-Hintergrundbildattributs

<html>
<head>
<style type="text/css">
body {background-image:url(&#39;https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg&#39;);}
</style>
</head>
<body></body>
</html>

Effektausgabe:

So verwenden Sie die CSS-Hintergrundbildeigenschaft

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Hintergrundbildeigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn