漏洞百出的模仿_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 11:18:53992검색
<!DOCTYPE HTML><html><head><meta charset="UTF-8"><style type="text/css">body{ margin:0;padding:0; }#content,img,.bg,a{ width: 122px; height: 92px; text-align: center; }img{position:absolute;z-index:-1;left:0px;}.bg{transition: all .3s ease-out;}a{text-decoration:none; display: inline-block; color: #fff; width: 63px; height: 18px; font-size: 12px; line-height: 16px; background-color: red; border-radius: 9px; }.bg{background-color:#fff;opacity:0;}span{color:#fff;line-height: 60px;height: 60px;}.bg:hover{background-color:black;opacity:0.6;}</style></head><div id="content"><img class="img"src="http://img3.duitang.com/uploads/item/201402/19/20140219214112_VHNVS.jpeg" alt="漏洞百出的模仿_html/css_WEB-ITnose" ><div class="bg"><div class="coupon"> <span>关注人数 12.1万</span> </div><div class="enter"> <a href="#">点击进入</a> </div></div></div></body></html> 效果：
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.