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

<!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>





posted @ 2017-11-24 18:47  徐同保  阅读(257)  评论(0)  编辑  收藏  举报