css中列表的属性和定位以及网页中元素显示效果
css中的列表属性
1.列表项显示
属性:list–style-type
取值:
1.none 无标记
2.disc:实心圆
3.circle:空心圆
4.square:实心矩形
实际效果如下
2.列表项图像
作用:由自定义图像作为标识
属性:list-style-image
取值:url(路径)
3.列表项位置 列表的内边距中
属性:list-style-position
取值:
1.outside:默认值,列表项标识位置在列表项之外
2.inside:在列表项标识位置在列表项之内
4.列表属性
属性:list-style
取值:type url() position;
常用方式:
list-style:none;
取消列表项
5.列表使用场合
列表会经常配合浮动来制作网页,像是图中蓝色框圈起来的就是用列表做的