• 技术文章 >web前端 >css教程

    css样式“list-style:none”是什么意思?

    青灯夜游青灯夜游2021-01-12 16:56:21原创7596

    在css中,“list-style:none”样式表示设置列表项标记的类型为空,即列表项前无标记。list-style属性默认列表项标记的类型为实心圆,如果属性值设置为none,则可以去掉列表项标记。

    本文操作环境:windows10系统、css3、thinkpad t480电脑。

    “list-style:none”样式表示设置列表项标记的类型为空,即列表项前无标记。

    (推荐教程:CSS视频教程

    list-style 简写属性在一个声明中设置所有的列表属性。

    该属性是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素,不过实际上它可以应用到任何元素,并由 list-item 元素继承。

    可以设置的属性(按顺序): list-style-type, list-style-position, list-style-image。

    其中list-style-type属性:可以设置列表项标记的类型。

    其属性值:

    示例:

    <html>
    <head>
    <style type="text/css">
    .li1 
    {
    list-style:none
    }
    </style>
    </head>
    
    <body>
    <ul>
    <li class="li1">咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ul>
    </body>
    
    </html>

    效果图:

    1.png

    更多编程相关知识,请访问:编程学习!!

    以上就是css样式“list-style:none”是什么意思?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css list-style
    上一篇:css3如何做 尖角 下一篇:css grid布局和flex布局是什么?
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• css不让字体倾斜怎么实现• css中如何使颜色透明度• css字体保持在一行不换行的实现方法• css能换图片颜色吗• css3如何做 尖角
    1/1

    PHP中文网