: none;
}
.box1{
width:960px;```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
<style type="text/css">
{
list-style: none;
margin:0 auto;
/去掉超链接下的线/
text-decoration
height:42px;
/background-color: red;/
margin:0 auto;
border: 1px solid #e7e7e7;
margin-top: 100px;
}
.box11{
width: 494px;
height: 24px;
margin:0 auto;
/background-color: green;/
margin-top: 9px;
}
ul li{
float:left;
background-color: #fcd903;
margin-left: 7px;
margin-right: 7px;
font-size:20px;
font-family:微软雅黑;
font-color:black;
}
.box4{
background-color: white;
}
/ .box2{
width:53px;
height:10px;
background-color: #fcd903;
margin-right: 7px;
}
.box3{
width:26px;
height: 10px;
background-color: #fcd903;
margin-right: 7px;
}
.box3{
width:13px;
height: 10px;
background-color: white;
margin-right: 7px;
}*/
</style>
</head>
<body>
<div class = "box1">
<div class = "box11">
<ul>
<li class="box2"><a href="#">上一页</a></li>
<li class="box3"><a href="#">1</a></li>
<li class="box3"><a href="#">2</a></li>
<li class="box3"><a href="#">3</a></li>
<li class="box3"><a href="#">4</a></li>
<li class="box4"><a href="#">...</a></li>
<li class="box3"><a href="#">17</a></li>
<li class="box3"><a href="#">18</a></li>
<li class="box3"><a href="#">19</a></li>
<li class="box3"><a href="#">20</a></li>
<li class="box2"><a href="#">下一页</a></li>
</ul>
</div>
</div>
</body>
</html>
网友评论