html表格背景图⽚格式,css背景颜⾊、背景图⽚,以及列表的
多种样式
背景样式
· background-color 设置元素的背景颜⾊。
· background-image 把图像设置为背景。
· background-position 设置背景图像的起始位置。
· background-attachment 背景图像是否固定或者随着页⾯的其余部分滚动。
· background-repeat 设置背景图像是否重复及如何重复。
· background 简写属性,作⽤是将背景属性设置在⼀个声明中。
列表样式
· list-style-type 设置列表项标志的类型。
·
list-style-image 将图像设置为列表项标志。
· list-style-position 设置列表中列表项标志的位置。
· list-style 简写属性,⽤于把所有列表的属性设置于⼀个声明中。
背景区包括内容、内边距(padding)和边框、不包含外边距(margin)
border必须加上样式才会显⽰,否则默认为none不显⽰
边框颜⾊默认=元素内的⽂本颜⾊
html表格内外边框颜好看的英⽂字体: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,则图⽚位置相对于整个⽹页来说html>meta charset="UTF-
8"title>Documentdiv{width:300px;height1500pxborder1px solid;/*背景图⽚不显⽰,原因:
设置为fixed,则图⽚位置相对于整个⽹页来说
此时top表⽰图⽚位于整个⽹页的⽔平居中位置*/background#abcdef url(cat-little.jpg) no-repeat top fixed;};bodydiv>>> html>
列表项标记 list-style-type
⽆序列表
有序列表
list-style-image
写在li样式上
list-style-position:inside | outside (针对于多⾏⽂本)
inside :列表项⽬标记放置在⽂本以内,且环绕⽂本根据标记对齐
outside :默认值,列表项⽬标记放置在⽂本以外,且环绕⽂本不根据标记对齐list-style 样式缩写
顺序不固定,但list-style-image的属性值会覆盖list-style-style的属性值

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