Maison >interface Web >tutoriel HTML >Css常用操作――――――图片_html/css_WEB-ITnose

Css常用操作――――――图片_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2016-06-24 11:18:06938parcourir

body{    background-color: #0078b3;}.image{    border: 1px solid darkgray;    width: auto;    height: auto;    float: left;    text-align: center;    margin: 5px;}img{    margin: 5px;    opacity: 1;}.text{    font-size: 12px;    margin-bottom: 5px;}a:hover{    background-color: aqua;}
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>图片</title>    <link href="style.css" type="text/css" rel="stylesheet"></head><body>    <div class="image">        <a href="#" target="_self">            <img src="/static/imghwm/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="/static/imghwm/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="/static/imghwm/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="/static/imghwm/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div></body></html>


Déclaration:
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