ul { list-style-type: square; /*设置符号类型为小方块*/ list-style-position: inside; /*符号在文字内部*/ margin-left: 20px; /*左边距为20像素*/ } ol { list-style-type: upper-roman; /*设置符号类型为大写罗马数字*/ list-style-position: outside; /*符号在文字外面*/ margin-left: 30px; /*左边距为30像素*/ }在这个例子中,大家使用了ul和ol选择器来选择所有的无序列表和有序列表。大家给ul设置了小方块符号,符号位置在文字内部,并且左边距为20像素。对于有序列表,大家设置了大写罗马数字符号,符号位置在文字外面,并且左边距为30像素。 总之,使用CSS可以让大家轻松地控制列表项的样式。大家可以根据需要选择不同的符号类型、符号位置或者使用图片作为符号来显示列表项。
首页 >
css怎么显示列表项 |css 字体表
CSS是一种用来控制网页样式的语言,它可以用来控制文本、图像、背景与布局等方面的样式。在网页中,经常需要用到列表,CSS可以用来控制列表项的显示样式。
为了显示列表项,大家可以使用CSS中的list-style属性。这个属性可以控制列表项的符号。list-style属性有三个值:
1. list-style-type:控制符号的类型。常见的符号类型有:
ul中:圆点(disc)、实心圆(circle)、小方块(square)等;
ol中:1,2,3 或者a,b,c等等。
2. list-style-position:控制符号的位置。有inside和outside两种选项。inside表示符号在文字内部,outside则表示在文字外面。
3. list-style-image:使用图片作为符号。
下面是一个例子,展示如何控制列表项的样式: