• 技术文章 >web前端 >前端问答

    css list-style-image属性怎么用

    青灯夜游青灯夜游2019-05-29 11:20:08原创1793
    css list-style-image 属性用于指定图像作为有序或无序列表项的标志。通常使用 list-style-position 属性控制图像标记的位置。需始终规定一个 "list-style-type" 属性以防图像不可用。

    css list-style-image属性怎么用?

    list-style-image 属性使用图像来替换列表项的标记。

    基本语法:

    list-style-image:URL|none;

    属性值:

    ● URL:图像的路径。

    ● none:默认。无图形被显示。

    说明:这个属性指定图像作为一个有序或无序列表项标志。通常使用 list-style-position 属性控制图像相对于列表项内容的放置位置。

    注释:请始终规定一个 "list-style-type" 属性以防图像不可用。所有浏览器都支持 list-style-image 属性。

    css list-style-image属性 示例

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    ul 
    {
    list-style-image:url('sqpurple.gif');
    }
    </style>
    </head>
    <body>
    <ul>
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ul>
    </body>
    </html>

    效果图:

    1.jpg

    以上就是css list-style-image属性怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:css column-gap属性怎么用 下一篇:css column-rule-style属性怎么用
    千万级数据并发解决方案

    相关文章推荐

    • css backface-visibility属性怎么用• css column-rule属性怎么用• css background-origin属性怎么用• css border-bottom-color属性怎么用?
    1/1

    PHP中文网