Heim >Web-Frontend >HTML-Tutorial >So legen Sie die Position des Hintergrundbilds in HTML fest
So legen Sie die Position des Hintergrundbilds in HTML fest
- 王林Original
- 2021-06-17 14:56:3513550Durchsuche
Die Möglichkeit, die Position des HTML-Hintergrundbilds festzulegen, besteht darin, das Attribut „Hintergrundposition“ zum Hintergrundbild hinzuzufügen und den entsprechenden Attributwert zu ändern, z. B. [Hintergrundposition: Mitte;].
Die Betriebsumgebung dieses Artikels: Windows 10-System, HTML 5, Thinkpad T480-Computer.
Wenn wir die Position des Hintergrundbilds im HTML-Code verschieben möchten, können wir tatsächlich das Attribut „Hintergrundposition“ verwenden. Viele Schüler kennen dieses Attribut möglicherweise noch nicht. Lassen Sie uns dieses Attribut unten vorstellen.
Die Eigenschaft „Hintergrundposition“ wird verwendet, um die Startposition des Hintergrundbilds festzulegen.
Seine allgemeinen Attributwerte sind wie folgt:
links oben
links in der Mitte
links unten
rechts oben
Codebeispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
</style>
</head>
<body>
<p><b>注意：</b>该属性工作在 Firefox 和 Opera, background-attachment 属性会被设置为 "fixed"。</p>
</body>
</html> Sie können hinzufügen Kopieren Sie den obigen Code lokal und führen Sie ihn aus, um den Effekt zu sehen.
Verwandte Videofreigabe: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo legen Sie die Position des Hintergrundbilds in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!