第八天

: 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>
```
![image.png](https://upload-images.jianshu.io/upload_images/13008127-48c2550becda5822.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

posted @ 2018-11-06 19:14  li陌路  阅读(122)  评论(0)    收藏  举报