Css常用操作――――――图片_html/css_WEB-ITnose-html教學-PHP中文網

首頁

web前端

html教學

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:18 AM

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/imghw/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/imghw/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/imghw/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/imghw/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div></body></html>

登入後複製

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn