[分享]css去除项目符号变成一排

 CSS去除项目符号变成一排

在CSS中，我们可以通过使用list-style:none;命令来去除项目符号，将li元素展现为一排。

 ul {
    list-style: none;
  }
  li {
    display:inline-block;
    margin: 0 10px;
  } 

通过上面的代码，我们就可以把含有列表的ul元素，变成一排的li元素，且去除项目符号，如下所示：

• 列表项1

• 列表项2

• 列表项3

变为：

• 列表项1

• 列表项2

• 列表项3

当然，我们也可以更进一步地设置每个li元素的样式，比如字体大小，颜色等等，从而让我们的列表更加美观。

 li {
    display:inline-block;
    margin: 0 10px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
  } 

通过上述代码，我们可以设置每个li元素的字体大小为16px，颜色为#333，去除下划线，转换为大写等等，从而让我们的列表更加美观。