图标 渐变色

<doctype html>
<html>
    <head>
    <meta charset="utf-8">
    <title>4-1-1</title>
    <style>
        .p{font-family: 华文行楷;font-size: 1.5em;}
        ul li{list-style: none;}
        #nav{width: 200px;}
        #nav{background-color: antiquewhite;}
        /* 插入图标background：  颜色 图片 图片位置 平铺方式 */
        /* 渐变色  查别人代码 */

    </style>
    </head>
    <body>
    <div id="nav">
    <span class="p">
        <p>商品分类</p>
        <ul>
            <li>家用电器</li>
            <li>手机/数码</li>
            <li>家具</li>
            <li>衣物</li>
            <li>食物</li>
        </ul>
        </div>
    </span>
    </body>
</html>
posted @ 2023-03-12 09:46  小小的羊  阅读(18)  评论(0)    收藏  举报