CSS列表与表格样式技巧
本文介绍了CSS中列表和表格的样式控制方法，包括项目符号样式、标记定位、表格属性等，以及如何通过不同的属性设置来增强用户体验。
列表、表格和表单
项目符号样式
list-style-type：控制项目符号的形式或样式
无序列表:none
disc
circle
spuare
有序列表:decimal
decimal-leading-zero
lomer-alpha
upperalpha
lower-roman
upperromanupperroman
项目图像
list-style-image:将一个图像作为项目符号使用
标记的定位
list-style-position:默认情况下，列表会收缩进到页面中。list-style-position属性用于表明标记显示的位置
outside:表明标记位于文本快的左侧
inside:表明标记位于文本快的中部
列表块级方式
list-style
表格属性
width:设置表格的宽度
padding:设置每个单元格边框与其内容之间的空隙
text-transform:将表格标题中的内容转换为大写
letter-spacing,font-size为表格标题的内容怎家额外的样式
border-top,border-bottom:用于设置表格标题上方和下方的边框
text-align:设置书写方式为左对齐或右对齐
background-color:用于交替改变表格行的背景颜色
:hover:把光标悬停在个表格行时将此型高亮显示
空单元格的边框
empty-cells:制定是否显示空单元的边框
该属性可以选用以下三个值之一:
show:显示单元格边框
hide:隐藏单元格边框
inherit:如果一个表单嵌套在另一个表格中，那么inherit表明单元 格遵循外部表格的规则
单元格之间的间隙
border-spacing,border-collapse
collapse:将单元格相邻的边框合并为一个单独的边框
separate:表示相邻的边框分离
光标样式
cursor:控制显示个用户的光标的内行
auto
crosshair
default
pointre
move
text
wait
help
url("cursor.gif")
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
