不知道为什么图片怎么都加载不出来
<!DOCTYPE html>
<head>
<tiltl></title>
<meta charset=UTF-8>
<style type="text/css">
*{
margin:0;
padding:0;
}
body{
font-family:"微软雅黑";
}
li{list-style:none;}
a{text-decoration:none;}
.main{
width:1210px;
height:515px;
margin:20px auto;
position:relative;
border:1px solid rgba(102,102,102,0.5);
}
.main .nav{
width:1210px;
height:50px;
border:1px solid rgba(102,102,102,0.5);
overflow:hidden;
}
.main .nav ul{
float:left;
height:50px;
line-height:50px;
}
.main .nav ul li{
width:290px;
text-align:center;
font-size:22px;
display:inline-block;
margin-left:4px;
}
.main .nav ul li.active{
background-color:#ffcc00;
border-radius:5px;
}
.banner{border:1px solid rgba(102,102,102,0.5);
width:1200px;
height:460px;
/* overflow:hidden;*/
margin:0 auto;
}
.banner-slide{
width:1200px;
height:460px;
float:left;
background-repeat:no-repeat;
font-size:100%;
}
.slide1{
background-image: url("../imag/bg1.jpg");
}
.slide2{
background-image: url("../imag/bg2.jpg");
}
.slide3{
background-image: url("../imag/bg3.jpg");
}
.slide4{
background-image: url("../imag/bg4.jpg");
}
</style>
</head>
<body>
<div class="main">
<!--切换项标题-->
<div class="nav">
<ul>
<li class="active"><a href="#">首页</a></li>
<li><a href="#">点击看看</a></li>
<li><a href="#">会自动的</a></li>
<li><a href="#">我的网站</a></li>
</ul>
</div>
<!--切换项内容-->
<div class="banner">
<a href="#">
<div class="banner-slide slide1"></div>
</a>
<a href="#">
<div class="banner-slide slide2"></div>
</a>
<a href="#">
<div class="banner-slide slide3"></div>
</a>
<a href="#">
<div class="banner-slide slide4"></div>
</a>
</div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星