So positionieren Sie ein Hintergrundbild

Beispielanalyse:

Das Attribut „Hintergrundposition“ legt die Startposition des Hintergrundbilds fest.

Grundlegende Syntax: background-position:x y;

x: repräsentiert die horizontale Position, y: repräsentiert die vertikale Position. x, y können jeweils sein: Schlüsselwörter (links, rechts, oben, unten, in der Mitte), %-Wert (x% y%), Koordinatenwert (zum Beispiel: xpos ypos,).

Hinweis: Wenn das Attribut „Hintergrundposition“ nur einen Wert angibt, sind die anderen Werte „Mitte“ oder „50 %“.

Weiter lernen
||
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php(php.cn)</title>
<style>
body
{
background-image:url('https://img.php.cn/upload/article/000/000/015/5c6ba8b3a7ee3101.png');
background-repeat:no-repeat;
background-position:right top;
margin-right:200px;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p> position </p>
<p></p>
<p> margin-right </p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
einreichenCode zurücksetzen
图片放大关闭