js原生学习-初级-练习05

js原生学习-初级-练习05

#content{width: 400px;height: 400px;border: 10px solid #ccc;margin: 40px auto 0;position: relative;background: #f1f1f1;}#content a{width: 40px;height: 40px;background: #000;border: 5px solid #fff;position: absolute;top: 175px;text-align: center;text-decoration: none;line-height: 40px;color: #fff;font-size: 30px;font-weight: bold;filter: alpha(opacity:80);opacity: 0.6;}#content a:hover{filter: alpha(opacity:90);opacity: 0.9;}#prev{left: 10px;}#next{right: 10px;}#text, #span1{position: absolute;left: 0;width: 400px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #000;filter: alpha(opacity:60);opacity: 0.6;}#text{bottom: 0;margin: 0;}#span1{top: 0;}#img1{width: 400px;height: 400px;}
<>
图片文字加载中......
数量正在计算中......