list-style-type属性用于设置列表符号的类型,包括实心点、空心点、数字等等,而list-style-size属性则可以控制列表符号的大小。
/* 将li的点变为实心点 */ ul { list-style-type: disc; } /* 将li的点变为空心点 */ ul { list-style-type: circle; } /* 将li的点变为数字 */ ol { list-style-type: decimal; } /* 将li的点变为字母 */ ol { list-style-type: lower-alpha; } /* 将li的点变为大写罗马数字 */ ol { list-style-type: upper-roman; } /* 将li的点变大为2em */ ul { list-style-size: 2em; }
需要注意的是,当把li的点变大时,它们的位置也会相应地向右移动。
通过设置这两个属性,大家可以让列表的样式更加丰富,更加符合页面的整体风格。