/* 无序列表的列表符号效果 */ ul { list-style-type: disc; /* 实心圆形 */ list-style-type: circle; /* 空心圆形 */ list-style-type: square; /* 方块 */ list-style-type: none; /* 取消列表符号 */ } /* 有序列表的列表符号效果 */ ol { list-style-type: decimal; /* 阿拉伯数字 */ list-style-type: lower-alpha; /* 小写字母 */ list-style-type: upper-alpha; /* 大写字母 */ list-style-type: lower-roman; /* 小写罗马数字 */ list-style-type: upper-roman; /* 大写罗马数字 */ list-style-type: none; /* 取消列表符号 */ }
除了可选的列表符号类型,CSS还可以控制列表符号的大小和颜色。下面是CSS代码示例:
/* 控制列表符号的大小 */ ul { font-size: 14px; /* 列表符号的大小 */ line-height: 20px; /* 列表符号的行高 */ } /* 控制列表符号的颜色 */ ul { color: #333; /* 列表符号的颜色 */ }
总之,CSS列表符号使得列表更美观,更易读,同时也为网页制作提供了更多的样式选择。