詳解Css常用操作圖片方法

這篇文章主要為大家詳解Css常用操作圖片方法的相關資料,需要的朋友可以參考下

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;
}

nbsp;html>


    <meta>
    <title>图片</title>
    <link>


 
    <div>
        <a>
            <img  src="/static/imghwm/default1.png" data-src="2.jpg" class="lazy" alt="詳解Css常用操作圖片方法" >
        </a>
        <div>一张背景图</div>
    </div>
    <div>
        <a>
            <img  src="/static/imghwm/default1.png" data-src="2.jpg" class="lazy" alt="詳解Css常用操作圖片方法" >
        </a>
        <div>一张背景图</div>
    </div>
    <div>
        <a>
            <img  src="/static/imghwm/default1.png" data-src="2.jpg" class="lazy" alt="詳解Css常用操作圖片方法" >
        </a>
        <div>一张背景图</div>
    </div>
    <div>
        <a>
            <img  src="/static/imghwm/default1.png" data-src="2.jpg" class="lazy" alt="詳解Css常用操作圖片方法" >
        </a>
        <div>一张背景图</div>
    </div>

以上是詳解Css常用操作圖片方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！