HTML中 列表类属性的详细介绍

s6N胜于蓝|优秀个人博客

1.列表符号样式s6N胜于蓝|优秀个人博客

    语法：s6N胜于蓝|优秀个人博客

list-style-type: disc (实心圆) | circle （空心圆） | square (实心方块) | decimal （数字） | none （取掉列表符号样式）;

 s6N胜于蓝|优秀个人博客

2.使用图片作为列表符号s6N胜于蓝|优秀个人博客

    语法：s6N胜于蓝|优秀个人博客

list-style-image: url(图片路径);

 s6N胜于蓝|优秀个人博客

3.设置列表符号位置s6N胜于蓝|优秀个人博客

    语法：s6N胜于蓝|优秀个人博客

list-style-position: outside （默认值） | inside;

    outside: 列表符号在 li 的外边

    inside: 列表符号在 li 的里面s6N胜于蓝|优秀个人博客

 s6N胜于蓝|优秀个人博客

4.去掉列表符号样式s6N胜于蓝|优秀个人博客

    语法：s6N胜于蓝|优秀个人博客

list-style: none;

    常用写法：

ul, ol{
    list-style: none;
}

Tags：

转载：感谢您对胜于蓝个人博客网站平台的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源胜于蓝个人博客”。/web/html/84.html

扫描关注胜于蓝微信公众号，第一时间获取网站模板更新动态

本文地址：/web/html/84.html

很赞哦！ ()