家用电器

<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>无标题文档</title>
        <style type="text/css">
            h2 {
                color: #0f7cbf;
                font-weight: bold;
                background-color: #e4f1fa;
            }
            
            .title {
                background-color: #0f7cbf;
                font-size: 18px;
                font-weight: bold;
                color: #FFF;
                text-indent: 1em;
                line-height: 35px;
            }
            
            a {
                color: #000;
                text-decoration: none;
            }
            
            a:hover {
                color: #F60;
                text-decoration: underline;
            }
        </style>
    </head>

    <body>
        <div>
            <div class="title">
                <h1>家用电器</h1></div>
            <h2>大家电</h2><br/>
            <a href="#">平板电视 </a>&nbsp;&nbsp;
            <a href="#">洗衣机</a>&nbsp;&nbsp;
            <a href="#">冰箱</a><br/>
            <a href="#">空调</a>&nbsp;&nbsp;
            <a href="#">烟机/灶具</a>&nbsp;&nbsp;
            <a href="#">热水器</a><br/>
            <a href="#">冷柜/酒柜</a>&nbsp;&nbsp;
            <a href="#">消毒柜</a>&nbsp;&nbsp;
            <a href="#">家庭影院</a>
            <h2>生活电器</h2>
            <a href="#">电风扇 </a>&nbsp;&nbsp;
            <a href="#">净化器</a>&nbsp;&nbsp;
            <a href="#"> 吸尘器</a><br/>
            <a href="#">净水设备</a>&nbsp;&nbsp;
            <a href="#">挂烫机</a>&nbsp;&nbsp;
            <a href="#">电话机</a>

            <h2>厨房电器</h2>
            <a href="#">榨汁机</a>&nbsp;&nbsp;
            <a href="#">电压力锅</a>&nbsp;&nbsp;
            <a href="#">电饭煲</a><br/>
            <a href="#">豆浆机</a>&nbsp;&nbsp;
            <a href="#">微波炉</a>&nbsp;&nbsp;
            <a href="#">电磁炉</a>

            <h2>五金家装</h2>
            <a href="#">淋浴/水槽</a>&nbsp;&nbsp;
            <a href="#">电动工具</a>&nbsp;&nbsp;
            <a href="#">手动工具</a><br/>
            <a href="#">仪器仪表</a>&nbsp;&nbsp;
            <a href="#">浴霸/排气</a>&nbsp;&nbsp;
            <a href="#">灯具</a>
            
        </div>

    </body>

</html>

 

posted @ 2021-07-26 10:55  计算机小Inati  阅读(19)  评论(0编辑  收藏  举报