<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./uu.css">
</head>
<body>
<ul>
<li><a href="#">《</a></li>
<li><a href="#">1</a></li>
<li><a href="#" id="w1">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">》</a></li>
</ul>
</body>
</html>
body{
width: 1000px;
margin: 0px auto;
}
ul{
list-style: none;
margin: 0%;
padding: 0px;
}
a{
width: 100px;
height: 30px;
line-height: 30px;
text-decoration: none;
float: left;
color: black;
border: 1px solid black;
}
li{
text-align: center;
}
#w1:hover{
background-color: green;
}