列表

列表样式
image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .title{
            font-size: 18px;
            font-weight: bold;
            /*首行缩进*/
            text-indent: 1em;
            /*垂直高度*/
            line-height: 50px;
        }
        ul li{
            height: 50px;
            list-style: none;
            text-indent: 2em;
        }
        a{
            /*去掉下划线*/
            text-decoration: none;
            font-size: 14px;
            color: black;

        }
        a:hover{
            color:deeppink;
            text-decoration: underline;
        }




    </style>




</head>
<body>
<h2 class="title">全部商品分类</h2>
<ul>
    <li><a href="#">图书</a>&nbsp;&nbsp;<a href="#">英语</a>&nbsp;&nbsp;</li>
    <li><a href="#">电器</a>&nbsp;&nbsp;<a href="#">数学</a>&nbsp;&nbsp;</li>
    <li><a href="#">家具</a>&nbsp;&nbsp;<a href="#">语文</a>&nbsp;&nbsp;</li>





</ul>






</body>
</html>
posted @ 2022-08-09 16:59  笑到肚子疼  阅读(14)  评论(0)    收藏  举报