html5第一季-17章css邊框與背景下

17章CSS邊框與背景[下HTML5CSS邊框和背景，通過(guò)邊框和背景的樣式設(shè)置，給元素景。CSS背景設(shè)置的樣式表如下：屬值CSSbackground-顏1background-none或背景的background-background-31background-3background-31值CSS顏11divbackground-color:}divbbackground-color:}>的背景色。一般來(lái)說(shuō)這個(gè)屬性使用頻率很低，原因是不需要改變色彩時(shí)就默認(rèn)，需要改變bodybackground-color:}值CSS版取消背景的設(shè)1URL設(shè)置背景1bodybackground-image:}解釋：url里面是的路徑，設(shè)置整個(gè)頁(yè)面以這個(gè)為背景，如果不足以覆divbackground-image:}divnone在CSS3中，背景還設(shè)置了比如線性、放射性等漸變方式。但由于支持度的問(wèn)題，比如IE9尚未支持。我們把這些的新特性放到獨(dú)立的課程中講解。值CSS版repeat-1repeat-111bodybackground-image:url(loading.gif);background-repeat:no-repeat;}解釋：讓背景只顯示一個(gè)，不平鋪。CSS3還提供了兩個(gè)值，由于支持度不佳，值CSS版1111111bodybackground-image:url(loading.gif);background-repeat:no-repeat;background-position:top;}解釋：將背景置于頁(yè)面上方，如果想置于左上方則值為：topleftbodybackground-image:url(loading.gif);background-repeat:no-repeat;background-position:20px20px;}值CSS版333CSS長(zhǎng)度值，比如px、33bodybackground-image:url(loading.gif);background-size:cover;}cover100%，全屏鋪面一張大圖，這個(gè)值非常實(shí)用。在等比例放divbackground-image:url(loading.gif);background-size:contain;}解釋：使用contain表示，盡可能讓完整的顯示在元素內(nèi)bodybackground-image:url(loading.gif);background-size:240px240px;}background-atta值CSS版11bodybackground-image:url(loading.gif);background-attaent:fixed;}值CSS版border-3padding-3content-3divwidth:400px;height:border:10pxdashedred;padding:50px;background-image:url(img.png);background-repeat:no-repeat;background-origin:content-box;}值CSS版border-3padding-3content-3divwidth:400px;height:border:10pxdashedred;padding:50px;background-image:url(img.png);background-repeat:no-repeat;background-origin:border-box;background-clip:padding-box;}div{width:400px;height:border:10pxdashedred;padding:50px;background:silverurl(img.png)no-repeatscrolllefttop/100%border-boxcontent-b