背景background:background-image:url("图片的网址");背景图background: url(" 图片的网址 "); 背景.background-color:#色码;背景色彩. 背景backgroundcss说明background-image:url("图片的网址");背景图background:url("图片的网址");背景background-color:#色码;背景色彩Exp:background-image:url(背景图案.jpg,gif,bmp);background-color:#FFFFFF;background-color:transparent;<--设定背景为透明色--------------------------------------------------------------------------------background-repeat改变背景图片的重复并排的设定css说明repeat背景图片并排repeat-x背景图片以X方向并排repeat-y背景图片以Y方向并排no-repeat背景图片不以并排的方式处理Exp:background-image:url("http://www.jb51.net/xx.gif");background-repeat:no-repeat;以http://www.jb51.net/xx.gif这张图片为背景，当图片大小不够的时候，不并排重复--------------------------------------------------------------------------------background-attachment是否固定图片位置css说明scroll拉动卷轴时，背景图片会跟着移动（缺省值）fixed拉动卷轴时，背景图片不会跟着移动Exp:background-image:url("http://www.jb51.net/xx.gif");background-repeat:no-repeat;background-attachment:fixed;以http://www.jb51.net/xx.gif背景图片不重复并列，且不随卷轴移动--------------------------------------------------------------------------------以长度定位background-position:xy使用百分比定位background-position:x%y%css说明x%往右移y%往下移backgroud-position:0%0%;左边上方backgroud-position:0P%;左边中间backgroud-position:50%0%;中间上方backgroud-position:50P%;正中间backgroud-position:100%0%;右边上方backgroud-position:00%;左边下方backgroud-position:100P%;右边中间backgroud-position:500%;中间下方backgroud-position:1000%;右边下方以关键字定位关键字说明top上(y=0)center中(x=50,y=50)bottom下(y=100)left左(x=0)Exp:background-position:center;图片在指定背景中央X=50%Y=50%位置background-position:200px30px

　　推荐阅读

　　8个简单实用的CSS秘诀

下面列出了一些可以帮助你改善CSS样式表的简单实用的方法，如果你刚刚开始使用CSS，这篇日志可以帮助你更好的理解CSS。 #1. 结构 保持CSS结构清晰，不仅有助于保持CSS文件的简单，也利于日后的检查、更改。 #2>>>详细阅读

本文标题：CSS教程:背景background属性应用

地址：http://www.17bianji.com/kaifa2/CSS/17061.html

 1/2    1