作家
登录

CSS教程:背景background属性应用

作者: 来源:www.28hudong.com 2012-11-19 22:42:36 阅读 我要评论

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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)