CSS 設置背景圖片

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

如果覺得單純的背景顏色無法滿足網(wǎng)頁展示需求，那么CSS還提供了自定義圖片背景的方案，也就是可以引入一張外部的圖片作為網(wǎng)頁元素的背景。

background-image屬性為元素設置背景圖像。

元素的背景占據(jù)了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。

初始背景圖像（原圖像）根據(jù)background-position屬性的值放置。默認情況下，背景圖像位于元素的左上角，并在水平和垂直方向上重復。根據(jù)background-repeat屬性的值，圖像可以無限平鋪、沿著某個軸（x軸或y軸）平鋪，或者根本不平浦。

background-image屬性的語法很簡單，和前面介紹的list-style-image語法相同，例如：

background-image:url();

【例題】使用background-image屬性

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

body{

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

}

</style>

</head>

<body>

</body>

</html>

相關視頻回答

回復(0)