在CSS中,經(jīng)常需要為html元素設(shè)置背景,這時(shí)使用background屬性是最常見(jiàn)的做法。但是當(dāng)我們需要設(shè)置背景的多項(xiàng)屬性,每次都寫(xiě)background會(huì)顯得比較繁瑣,這時(shí)就可以使用CSS背景設(shè)置簡(jiǎn)寫(xiě)。
有些人可能已經(jīng)聽(tīng)過(guò)background簡(jiǎn)寫(xiě)屬性了,但是并不知道具體怎么用。下面就來(lái)介紹一下它的使用。
background: 背景顏色 背景圖片位置 背景圖片重復(fù)方式;
上面這句代碼就是CSS背景設(shè)置簡(jiǎn)寫(xiě),其中每一項(xiàng)的屬性值可以選擇性的省略,下面對(duì)每個(gè)屬性值的意義做一個(gè)詳細(xì)的解釋。
1. 背景顏色:表示要設(shè)置的背景顏色。可以用顏色名稱(chēng)、十六進(jìn)制顏色代碼或者rgb顏色值來(lái)表示。
2. 背景圖片位置:表示要設(shè)置的背景圖片。可以使用相對(duì)或絕對(duì)路徑來(lái)引用圖片,也可以使用圖片的URL地址。這個(gè)屬性值可以省略。
3. 背景圖片重復(fù)方式:表示當(dāng)背景圖片小于元素時(shí)的重復(fù)方式。可以通過(guò)repeat、repeat-x、repeat-y、no-repeat等值來(lái)設(shè)置,也可以省略。
通過(guò)上面的講解,相信大家已經(jīng)了解了CSS背景設(shè)置簡(jiǎn)寫(xiě)的使用方法,可以更方便地為元素設(shè)置背景顏色和圖片。