关于button
*{
margin: 0;
padding: 0;
}
.main{
height:460px;
width: 1200px;
margin: 30px auto;
overflow: hidden;
position: relative;
}
.banner{
height:460px;
width: 1200px;
overflow: hidden;
}
.banner-slide{
height: 460px;
width: 1200px;
float: left;
}
.slide1{
height: 460px;
width: 1200px;
background-image: url(../img/bg1.jpg);/*这里面的'../'表示的是img和css的上级文件夹*/
}
.slide2{
height: 460px;
width: 1200px;
background-image: url(../img/bg2.jpg);
}
.slide3{
height: 460px;
width: 1200px;
background-image: url(../img/bg3.jpg);
}
.button{
position: absolute;
height: 80px;
width: 40px;
margin-top: 50%;
left: 400px;
background:red;
}
老师为啥我的按键没有显示呢？
正在回答 回答被采纳积分+1
html代码，上面是css代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/css.css">
</head>
<body>
<div class="main">
<div class="banner">
<a href=""><div class="slide1 banner-slide"></div></a>
<a href=""><div class="slide2 banner-slide"></div></a>
<a href=""><div class="slide3 banner-slide"></div></a>
</div>
<a href="javascript:void(0)" class="button one"></a>
<a href="javascript:void(0)" class="button two"></a>
</div>
</div>
</body>
</html
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星