html5第一季-17章css边框与背景下

17章CSS边框与背景[下HTML5CSS边框和背景，通过边框和背景的样式设置，给元素景。CSS背景设置的样式表如下：属值CSSbackground-颜1background-none或背景的background-background-31background-3background-31值CSS颜11divbackground-color:}divbbackground-color:}>的背景色。一般来说这个属性使用频率很低，原因是不需要改变色彩时就默认，需要改变bodybackground-color:}值CSS版取消背景的设1URL设置背景1bodybackground-image:}解释：url里面是的路径，设置整个页面以这个为背景，如果不足以覆divbackground-image:}divnone在CSS3中，背景还设置了比如线性、放射性等渐变方式。但由于支持度的问题，比如IE9尚未支持。我们把这些的新特性放到独立的课程中讲解。值CSS版repeat-1repeat-111bodybackground-image:url(loading.gif);background-repeat:no-repeat;}解释：让背景只显示一个，不平铺。CSS3还提供了两个值，由于支持度不佳，值CSS版1111111bodybackground-image:url(loading.gif);background-repeat:no-repeat;background-position:top;}解释：将背景置于页面上方，如果想置于左上方则值为：topleftbodybackground-image:url(loading.gif);background-repeat:no-repeat;background-position:20px20px;}值CSS版333CSS长度值，比如px、33bodybackground-image:url(loading.gif);background-size:cover;}cover100%，全屏铺面一张大图，这个值非常实用。在等比例放divbackground-image:url(loading.gif);background-size:contain;}解释：使用contain表示，尽可能让完整的显示在元素内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