Maison > interface Web > tutoriel HTML > 漏洞百出的模仿_html/css_WEB-ITnose

漏洞百出的模仿_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:18:53
original
1004 Les gens l'ont consulté

<!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>
Copier après la connexion

效果:   

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal