默认显示第一张图片
菜鸟求解答啊 时间紧迫
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.big{
width: 300px;
height: 300px;
text-align: center;
border: solid 1px black;
margin: 0 auto;
}
.cont{
width: 300px;
height: 270px;
}
.big nav {
width: 300px;
height: 30px;
border-bottom: solid 1px black;
}
.big nav a{
width: 100px;
height: 30px;
float: left;
display: block;
background: #ccc;
text-decoration: none;
}
.big nav a:hover{
background: #ff0000;
}
#t1{width:300px ;
height: 270px;
float: left;
background-image: url(img/7.jpg)
}
#t2{width:300px ;
height: 270px;
float: left;
background-image: url(img/6.jpg)
}
#t3{width:300px ;
height: 270px;
float: left;
background-image: url(img/8.jpg)
}
</style>
</head>
<body>
<div class="big">
<nav>
<a href="">按钮1</a>
<a href="">按钮2</a>
<a href="">按钮3</a>
</nav>
<div id="t1" class="c2"></div>
<div id="t2" class="c2"></div>
<div id="t3" class="c3"></div>
</div>
</div>
</body>
</html>
-
