5.4 图像作为列表项标记

来源：网络作者：站长

为了使页面更加美观，列表项常用图片来标记，list-style-image 属性规定图像作为列表项标记。

举例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>5.4 图像作为列表项标记</title>
    </head>
    <style>
        ul {
            list-style-image: url('li.png');
        }
    </style>
    <body>
        <ul>
            <li>凉州词(王之涣)</li>
            <li>出塞·秦时明月汉时关(王昌龄)</li>
            <li>秋夜曲(王维)</li>
            <li>将进酒(李白)</li>
            <li>丽人行(杜甫)</li>
            <li>琵琶行(白居易)</li>
        </ul>
    </body>
</html>

运行后如图：

东方星雨

如果缘分安排我们相遇，请不要让他擦肩而过。扫一扫二维码，加我为好友吧！

上一篇：5.3 CSS有序列表下一篇：6.1 CSS边距简介

你觉得文章内容怎么样

站长推荐

网站分类

阿里云代金券￥100 云产品通用

有效期30天首购用户

立即领取

阿里云代金券￥100 云产品通用

有效期30天复购+升级

立即领取