初期网站开发费会计分录/百度热线客服24小时
前端开发时会用到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;
}