CSS 設(shè)置背景的位置 1.關(guān)鍵字

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-18

可以通過(guò)設(shè)置關(guān)鍵字來(lái)設(shè)置background-position屬性的值，它由兩個(gè)關(guān)鍵字組成。第一個(gè)關(guān)鍵字是在橫向上進(jìn)行設(shè)置，第二個(gè)值是在縱向上逬行設(shè)置，它們是：

? top left：左上。

? top center：上中。

? top right：上右。

? center left：中左。

? center center: 正中。

? center right：中右。

? bottom left：下左。

? bottom center:下中。

? bottom right：下右。

如果僅規(guī)定了一個(gè)關(guān)鍵詞，那么第二個(gè)值將是center。

【例題】使用關(guān)鍵字

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

div{

width: 500px;

height: 500px;

border:2px solid red;

background-image: url(img/01.jpg);

background-repeat: no-repeat;

}

</style>

</head>

<body>

<p>使用關(guān)鍵字設(shè)置背景圖片的位置</p>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)