如何使用CSS添加背景
在網(wǎng)頁(yè)設(shè)計(jì)中,背景的設(shè)置是非常重要的一環(huán)。可以通過CSS代碼來(lái)添加背景,具體操作如下。
/*添加背景顏色*/ body { background-color: #ECECEC; } /*添加背景圖片*/ body { background-image: url("background.jpg"); background-repeat: no-repeat; background-size: cover; }
上述代碼中,我們使用的是background-color和background-image兩個(gè)屬性。其中,background-color屬性用來(lái)設(shè)置背景色,可選顏色值為十六進(jìn)制、RGB、RGBA等;background-image屬性用來(lái)設(shè)置背景圖片的地址,可以使用url()函數(shù)來(lái)引用外部文件。 同時(shí),為了讓背景圖片按比例適應(yīng)網(wǎng)頁(yè)大小,我們還可添加background-size屬性,并將值設(shè)置為cover。
需要注意的是,在使用背景圖片時(shí),還需要設(shè)置background-repeat屬性。當(dāng)背景圖片的大小小于網(wǎng)頁(yè)大小時(shí),我們可以通過設(shè)置background-repeat屬性來(lái)控制圖片的重復(fù)方式。可選值為no-repeat、repeat-x和repeat-y,分別表示不重復(fù)、水平重復(fù)和垂直重復(fù)。
上一篇css中彈性盒子布局
下一篇css代碼清零