[分享]css3可修改列表

CSS3提供了一些非常方便的方法来修改列表的样式，下面我们来一一解释。/ 将列表中的圆点改为方块 / ul { liststyletype: square; } / 将列表中的圆点改为数字 / ol ...

CSS3提供了一些非常方便的方法来修改列表的样式，下面我们来一一解释。

/* 将列表中的圆点改为方块 */
ul {
  list-style-type: square;
}

/* 将列表中的圆点改为数字 */
ol {
  list-style-type: decimal;
}

/* 将列表中的圆点改为字母 */
ol {
  list-style-type: lower-alpha;
}

/* 修改列表中的行距 */
li {
  line-height: 2;
}

/* 修改列表中的缩进 */
ul {
  padding-left: 40px;
}

/* 修改列表中某一项的样式 */
li:nth-child(3) {
  font-weight: bold;
  color: red;
} 

在以上代码中，我们使用了 <ul> 和 <ol> 来定义无序列表和有序列表的样式，分别使用了 list-style-type 来修改圆点的样式，也可以修改成其它的符号。

我们也可以通过设置 line-height 和 padding-left 来修改每一项的行距和缩进。

如果需要单独修改某一项的样式，我们可以使用 nth-child 选择器来指定，这里我们将第三项的字体加粗并且改为红色。

总的来说，CSS3提供了丰富的方法来修改列表的样式，我们可以根据具体需求选择合适的样式。