html列表属性讲解,HTML列表属性

有序列表：

3. 语文
4. 数学
5. 英语

无序列表：

• 苹果
• 梨
• 桃

自定义列表define list

水果

苹果

香蕉

榴莲

蔬菜

土豆

白菜

茄子

list-style-type列表标志类型disc:默认圆点circle：空心圆点square：方块none:无

list-style-image将图像设置为列表项标志

list-style-position列表项标志的位置outside标记在文本外，环绕文本不 根据标记对齐inside内对齐

list-style表示把所有列表属性设置在一个声明中 顺序必须是type position image

.nav{list-style-image: url(image/pic1.png);}

.position1{list-style-position: outside;}

.position2{list-style-position: inside;}

.style{list-style: circle inside url(image/pic1.png);}

• 苹果
• 梨
• 苹果
• 葡萄
• 草莓

原文：https://blog.51cto.com/14648170/2461925