CSS(Cascading Style Sheets)是用于定义HTML文档展示样式的语言。其中,list属性用于控制列表的样式,下面是CSS声明list所有属性:
ul { list-style-type: disc; /* 列表项前面使用实心圆点 */ list-style-position: outside; /* 列表项编号标记在标记框之外 */ list-style-image: none; /* 列表项旁边不使用特定的图片,如要使用需指定其url地址 */ }
其中,type属性用于指定列表项标记类型,共有以下取值:
ul { list-style-type: disc; /* 实心圆点 */ list-style-type: circle; /* 空心圆点 */ list-style-type: square; /* 方块 */ list-style-type: decimal; /* 十进制数字,如 1, 2, 3 */ list-style-type: lower-roman; /* 罗马数字小写,如 i, ii, iii */ list-style-type: upper-roman; /* 罗马数字大写,如 I, II, III */ list-style-type: lower-alpha; /* 字母小写,如 a, b, c */ list-style-type: upper-alpha; /* 字母大写,如 A, B, C */ list-style-type: none; /* 不显示列表项编号标记 */ }
position属性用于指定列表项编号标记位置,共有以下取值:
ul { list-style-position: inside; /* 列表项编号标记在标记框之内 */ list-style-position: outside; /* 列表项编号标记在标记框之外 */ }
image属性用于指定列表项旁边的特定图片,如需使用需将地址指定给其url属性:
ul { list-style-image: url('images/arrow.png'); /* 使用指定图片 */ list-style-image: none; /* 不使用任何图片 */ }
使用以上这些属性可以自定义列表样式,增加网页的美观程度与可读性。