CSS中如何实现小圆圈? list-style-type: circle; 以上是CSS属性中实现小圆圈的方法,只需要将该属性设置在ul或ol标签上即可。比如,让一个ul中所有的li前添加小圆圈。 &
CSS中如何实现小圆圈?
list-style-type: circle;
以上是CSS属性中实现小圆圈的方法,只需要将该属性设置在ul或ol标签上即可。
比如,让一个ul中所有的li前添加小圆圈。
<ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ul> CSS: ul{ list-style-type: circle; }
以上代码运行结果就是在每个li前面添加了小圆圈。
同时,list-style-type属性还支持其他形状,比如圆、方、罗马数字等,只需将属性值设置为对应值即可。
/* 圆 */ list-style-type: disc; /* 方 */ list-style-type: square; /* 罗马数字 */ list-style-type: upper-roman; list-style-type: lower-roman;
以上是关于CSS中实现小圆圈的简单介绍。
粉丝
0
关注
0
收藏
0