index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!--系统内置 start-->
<script type="text/javascript"></script>
<!--系统内置 end-->
<meta charset="UTF-8">
<title>练习</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="banner">
<!--可以使用列表完成小圆点的绘制,注意清除列表样式-->
<ul>
<li></li>
<li></li>
<li class="third"></li>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>
index.css
* {
margin: 0px;
padding: 0px;
}
.banner {
position: relative;
width: 850px;
height: 394px;
background: ur