在CSS中,我们可以使用一些样式来改变无序列表(ul)和有序列表(ol)的表现方式。下面介绍一些常见的样式。ul { list-style-type: none; /* 去掉方形的小标点 */ mar
在CSS中,我们可以使用一些样式来改变无序列表(ul)和有序列表(ol)的表现方式。下面介绍一些常见的样式。
ul { list-style-type: none; /* 去掉方形的小标点 */ margin: 0; padding: 0; } li { margin: 10px 0; } ol { list-style-type: decimal; /* 将默认的小圆点改成数字 */ margin: 0; padding: 0; } ol li { margin: 10px 0; }
通过上面的代码,我们可以将无序列表的小标点去掉,有序列表的标点改成数字,并调整每个列表项之间的间距。
需要注意的是,我们使用了margin
和padding
来调整列表的间距,但是不同浏览器默认的样式不一样。因此我们需要在样式表中先将margin
和padding
设置为0。
粉丝
0
关注
0
收藏
0