HTML5开发培训CSS选择器及文字段落属性和背景属性和列表属性(下).doc

《HTML5开发培训CSS选择器及文字段落属性和背景属性和列表属性(下).doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、优选HTML5开发培训CSS选择器及文字段落属性和背景属性和列表属性(下)三、背景属性背景属性属性描述background-color背景颜色background-image背景图像属性值:url(前背景图像的路径)background-repeat背景图像是否重复属性值为:repeatno-repeatrepeat-xrepeat-ybackground-position背景图像的位置属性值为leftrighttopbottom或px或百分比;Y两个值：第一个值为[top,center,bottom]中三选一，而第二个值由[left,c

2、enter,right]中三选一。Y两个百分比：第一个百分比为x-轴的百分比，第二个为y-轴的百分比。Y两个数：第一个数为x-轴的位置，第二个数目为y-轴的位置background复合属性1.background-color背景颜色代码：body{font-size:12px;27/27优选font-family:"微软雅黑";background-color:#9

3、E3F3F;}p{background-color:#f0f0f0;line-height:24px;}

唯美伤感

人人都忙于自己的欢喜与悲伤，有时候习惯寂寞就好了。孤独的话说太多不被倾听更难过，给我个暂停键吧我真的累了。下面是小编为大家带来的一些感伤的qq个性签名短语。

得不到的终归是风，强留千百次终究会走。人人都忙于自己的欢喜与悲伤，有时候习惯寂寞就好了。孤独的话说太多不被倾听更难过，给我个暂停键吧我真的累了。

4、7优选2.background-image、background-repeat、background-position经常配合使用代码：body{font-size:12px;font-family:"微软雅黑";}div{background-color:#BECEEB;background-image:url(img/a.png);27/27优选width:50

5、0px;height:150px;line-height:24px;font-weight:bold;color:#fff;}

6、ackground-image:url(img/a.png);background-repeat:no-repeat;width:500px;height:150px;line-height:24px;font-weight:bold;color:#fff;}div{background-color:#BECEEB;background-image:url(img/a.png);background-repeat:repeat-x;width:500px;height:150px;line-height:24px;font-weight:

7、bold;color:#fff;}27/27优选div{background-color:#BECEEB;background-image:url(img/a.png);background-repeat:repeat-y;width:500px;height:150px;line-height:24px;font-weight:bold;color:#fff;}如果背景图像设置不重复的话，有时需要设置背景图像的位置。再来看一下background-position的使用。background-position如果没有设置的话，它的默认值

8、为左上角。先来看几X图就可以知道background-position的使用了。第一X，背景图片内容的左上对齐，0px0px也可以写成lefttop27/27优选第二X，背景图在容器中间，定点