效果图展示
序号是倒序(个人练习使用) 不需要删除即可
直接上代码
// An highlighted block
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
ul li{
list-style: none;
}
.box{
width: 760px;
height: 454px;
margin: 100px auto;
overflow: hidden;
position: relative;
}
.circle{
position: absolute;
left: 50%;
margin-left:-90px;
bottom: 10px;
}
.circle span{
float: left;
width: 18px;
height