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);
}

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

你可能感兴趣的:(vue,小技巧以及经验,前后端开发,ul,li)