背景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