html5⽆序列表背景颜⾊,css背景颜⾊、背景图⽚,以及列表的
多种样式,
css背景颜⾊、背景图⽚,以及列表的多种样式,
背景样式
· background-color 设置元素的背景颜⾊。
· background-image 把图像设置为背景。
· background-position 设置背景图像的起始位置。
· background-attachment 背景图像是否固定或者随着页⾯的其余部分滚动。
· background-repeat 设置背景图像是否重复及如何重复。
· background 简写属性,作⽤是将背景属性设置在⼀个声明中。
列表样式
·
html如何设置图片滚动 list-style-type 设置列表项标志的类型。
· list-style-image 将图像设置为列表项标志。
· list-style-position 设置列表中列表项标志的位置。
· list-style 简写属性,⽤于把所有列表的属性设置于⼀个声明中。
背景区包括内容、内边距(padding)和边框、不包含外边距(margin)
border必须加上样式才会显⽰,否则默认为none不显⽰
边框颜⾊默认=元素内的⽂本颜⾊
好看的英⽂字体:
font-size: 14px;
font-family: Consolas;
好看的中⽂字体:
微软雅⿊ 14px
RGBA 颜⾊值得到以下浏览器的⽀持:IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+
background-image
默认从左上⾓开始,在⽔平和垂直⽅向上重复
背景颜⾊和背景图⽚同时设置时,背景颜⾊会被背景图⽚覆盖
background-attachment:scroll | fixed
background-position: top | left | right | center | 长度值 | 百分⽐
第⼀个参数代表⽔平,第⼆个参数代表垂直,只有⼀个数值时,另⼀个默认为居中
background 简写
不区分属性的先后顺序
当background-attachment设置为fixed,则图⽚位置相对于整个⽹页来说
Document
/*背景图⽚不显⽰,原因:
设置为fixed,则图⽚位置相对于整个⽹页来说
此时top表⽰图⽚位于整个⽹页的⽔平居中位置*/background:#abcdef url(cat-little.jpg) no-repeat top fixed; };

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。