印象中css控制背景的就一個(gè)background,但是background是一個(gè)復(fù)合屬性
它包括:
- background-color:背景顏色,css支持的顏色表示方法,都可以用
- background-image:背景圖片(url)
- background-repeat:背景是否重復(fù)(repeat、no-repeat、repeat-x、repeat-y)
- background-position:背景定位(關(guān)鍵字、百分比、像素)
- background-size:背景大小
- background-origin:背景的定位區(qū)域
- background-clip:背景繪制區(qū)域
- background-attachment:規(guī)定背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)
除了這些,多背景、漸變、遮罩,我也把他們歸到背景里吧。
一個(gè)個(gè)看看吧-0-。
開頭說了,我很長(zhǎng)時(shí)間都以為背景就是background這一個(gè)單詞的玩意。因?yàn)槲铱偸菍懗桑?
1 .div{ 2 background: #000 url("1.jpg") no-repeat left center;/*顏色、圖片、是否平鋪、定位*/ 3 }
不知道大家是不是也像我這樣寫啊。很簡(jiǎn)單吧,背景顏色、背景圖片、是否重復(fù)、定位4個(gè)屬性連著寫。
下面說其他屬性