CSS樣式中的background有許許多多的屬性及屬性值,分別有:backgr-color宿刮,background-image是辕,background-position,background-repeat以及background-size昙啄。下面一一介紹他們的屬性值
1.background-color:#16精制的數(shù)字/rgb()/英文單詞的顏色
2.background-image:url("圖片地址")穆役;
3.backg-repeat:repeatX(在x軸平鋪)/repeatY(在y軸平鋪)/no-repeat(不平鋪);
4.backg-position:x y(分別表示在x軸和y軸位移量)/left,center,right ? top,center,bottom(也可以這樣表示)
5.background-size:width height(分別給寬高值)/contain(自適應(yīng)平鋪梳凛,當(dāng)平鋪到盒子邊緣時(shí)停止)/cover(自適應(yīng)鋪滿)
有些人覺(jué)得這樣一個(gè)一個(gè)的寫(xiě)太麻煩耿币,然后就有了一個(gè)簡(jiǎn)寫(xiě):
background:background-color background-image background-repeat background-position,沒(méi)有硬性規(guī)定它們的順序伶跷,但是統(tǒng)一規(guī)范都是以這個(gè)順序掰读。
拓展:多背景圖片屬性
一般在background-image后面屬性值插入圖片,以逗號(hào)隔開(kāi)叭莫。后面所有的屬性都以逗號(hào)隔開(kāi)蹈集。