1-11作业
来源：1-13 作业题
慕九州9265930
2018-05-03 17:14:05
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin:0;
padding:0;
}
body{
font-family:"微软雅黑";
color: #14191e;
}
.main{
height:800px;
width:1200px;
margin:0 auto;
}
.banner{
width:1200px;
height:800px;
overflow:hidden;
position:relative;
}
.banner-slide{
height:800px;
width:1200px;
background-repeat:no-repeat;
float:left;
display:none;
}
.slide1{
background-image :url('img/1.jpg');
}
.slide2{
background-image :url('img/2.jpg');
}
.slide3{
background-image :url('img/3.jpg');
}
.slide4{
background-image :url('img/4.jpg');
}
.slide5{
background-image :url('img/5.jpg');
}
</style>
</head>
<body>
<div class="main">
<div class="banner">
<div class="banner-slide slide1"></div>
<div class="banner-slide slide2"></div>
<div class="banner-slide slide3"></div>
<div class="banner-slide slide4"></div>
<div class="banner-slide slide5"></div>
</div>
<div class="arrow">
<div class="prev"></div>
<div class="next"></div>
</div>
<div class="dots">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</body>
</html>
为什么图片显示不出来呢？控制台也没有报错啊？
1回答
-
慕九州9265930
提问者
2018-05-03
我知道哪里出现问题了
0