html 修改 ul li 的格式

前端开发时会用到ul li 列表来进行数据的展示等，这里记录一些格式的修改

去掉默认情况下前面的圆点

ul{list-style:none;}

横向展示排列

li{float: left;}

修改为圆点之外的样式

这里指定的是空心圆

    li{
        /*float: left;*/
        list-style-type: circle;
    }

下面给出其他类型：

值	描述
circle	空心圆
none	不使用
disc	默认，实心圆
square	实心方块
decimal	阿拉伯数字
lower-roman	小写罗马数字
upper-alpha	大写英文字母

更改圆点样式为图片

li{
list-style-type:none;
list-style-image: url(url);
}

暂时总结这一些，之后遇到了再加上。
后续

修改li之间的距离以及距离开头的距离

ul {
  list-style: none;
  margin: 2px;
  padding: 2px;
}