请问这样可以吗-慕课网

请问这样可以吗

来源：4-7 编程练习

weixin_慕哥3306864

2020-06-05 15:11

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>页码的制作</title>
<style>
/*在此定义相关CSS样式*/
.box {
    margin:0 auto;
    padding:0;
    background-color:#ccc;
    border:1px solid #fff;
}

.box li {
    position:left;
    display: inline;
    list-style-type:none;
    font-size:12px;
    color:#000;
}

.box li a {
    display:inline-block;
    padding:5px 10px;
    border:1px solid #fff;
    color:#000;
    text-decoration:none;
}

.box li a:hover, .box li a:active{
    color:#000;
   text-decoration:none;

}

.box li a:hover, .box li a:active{
    color:#f00;
   text-decoration:none;
}

</style>
</head>

<body>

<div class="box">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#"><</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">...</a></li>
        <li><a href="#">></a></li>
        <li><a href="#">末页</a></li>
    </ul>
</div>

</body>
</html>