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

提問人：劉團圓發(fā)布時間：2020-11-18

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

? top left：左上。

? top center：上中。

? top right：上右。

? center left：中左。

? center center: 正中。

? center right：中右。

? bottom left：下左。

? bottom center:下中。

? bottom right：下右。

如果僅規(guī)定了一個關(guān)鍵詞，那么第二個值將是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)鍵字設置背景圖片的位置</p>

</body>

</html>

相關(guān)視頻回答

回復(0)