2021_CSS学习笔记第7天: 5.1.2 定义项目的图片符号

网站建设 · 2021-01-08
坚持戒烟、坚持学习、坚持运动dUgIT米工网
5.1.2 定义项目的图片符号
dUgIT米工网
list-style-image:none|url(url)dUgIT米工网
自定义项目符号的图片
    <title>Document</title>
    <style type="text/css">
    ul {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    li {
        background:url(images/icon.jpgno-repeat 0 50%;
        padding-left:30px;
    }
    </style>
</head>
<body>
    <h2>京效采摘好去处</h2>
    <ul>
        <li>顺义大胡子采摘园</li>
        <li>静逸清农业生态观光园</li>
        <li>英龙果园</li>
        <li>永新源生态农业有限公司</li>
        <li>金海湖观光采摘园</li>
    </ul>
    </ul>
</body>