- 首页 > it技术 > >
html属性操作 - 锐客网
*{ margin:0;
padding:0}
#content{ width:400px;
height:400px;
border:10px solid #ccc;
margin:40px auto;
position:relative;
background:#f1f1f1}
#content a{ width:40px;
height:40px;
background:#000;
border:5px solid #fff;
position:absolute;
top:175px;
text-align:center;
line-height:40px;
color:#fff;
opacity:1;
text-decoration:none}
#content a:hover{opacity:0.8}
#prev{ left:10px;
}
#next{right:10px}
#text,#span1{ position:absolute;
left:0;
width:400px;
border:0;
height:30px;
line-height:30px;
background:#000;
text-align:center;
color:#fff;
opacity:0.8}
#text{bottom:0;
}
#span1{top:0;
}
#img1{width:400px;
height:400px;
}
<
>
【图片左右切换】文字正在加载中
数量正在计算中
![图片左右切换]()
推荐阅读
