ul li列表带图标浏览器兼容性解决方案

最新推荐文章于 2020-06-22 11:27:57 发布

徐同保

最新推荐文章于 2020-06-22 11:27:57 发布

阅读量1k

点赞数 2

分类专栏： web前端前端技术分享文章标签： css ul li

本文链接：https://blog.csdn.net/xutongbao/article/details/78627359

版权

web前端同时被 2 个专栏收录

735 篇文章 15 订阅

订阅专栏

前端技术分享

271 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>ul li列表带图标浏览器兼容性解决方案</title> 
<style>
    ul {
        list-style-type:none;
        padding:0px;
        margin:0px;
    }
    ul li {
        background-image:url("http://www.runoob.com/try/demo_source/sqpurple.gif");
        background-repeat:no-repeat;
        background-position:0px 5px; 
        padding-left:14px;
    }
</style>
</head>

<body>
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>
</body>
</html>