淘先锋技术网

首页 1 2 3 4 5 6 7

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; /* 不使用任何图片 */
}

使用以上这些属性可以自定义列表样式,增加网页的美观程度与可读性。