位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > CSS > 問(wèn)題詳情

CSS 設(shè)置背景圖片

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

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

    background-image屬性為元素設(shè)置背景圖像。

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

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

    background-image屬性的語(yǔ)法很簡(jiǎn)單，和前面介紹的list-style-image語(yǔ)法相同，例如：

    background-image:url();

    【例題】使用background-image屬性

    代碼如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

body{

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

}

</style>

</head>

<body>

</body>

</html>

image.png

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部