1.制作京东轮播图页面。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京东轮播图</title>
<style>
.text1{
width: 600px;
margin: 0px auto;
position: relative;
}
ul li{
list-style-type: none;
}
li a{
text-decoration: none;
color: white;
}
.text2{
color:white;
font-weight:bold;
margin-right: 10px;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: black;
line-height: 20px;
text-align: center;
float: left;
}
ul li:nth-of-type(1){
position: absolute;
left:300px ;
bottom: 15px;
}
ul li:nth-of-type(2){
position: absolute;
left:330px ;
bottom: 15px;
}
ul li:nth-of-type(3){
position: absolute;
left:360px ;
bottom: 15px;
}
ul li:nth-of-type(4){
position: absolute;
left:390px ;
bottom: 15px;
}
ul li:nth-of-type(5){
positi