Detailed explanation of common methods of operating images in CSS

This article mainly explains in detail the relevant information on the commonly used methods of operating images in Css. Friends in need can refer to it

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="Detailed explanation of common methods of operating images in CSS" >
        </a>
        <div>一张背景图</div>
    </div>
    <div>
        <a>
            <img  src="/static/imghwm/default1.png" data-src="2.jpg" class="lazy" alt="Detailed explanation of common methods of operating images in CSS" >
        </a>
        <div>一张背景图</div>
    </div>
    <div>
        <a>
            <img  src="/static/imghwm/default1.png" data-src="2.jpg" class="lazy" alt="Detailed explanation of common methods of operating images in CSS" >
        </a>
        <div>一张背景图</div>
    </div>
    <div>
        <a>
            <img  src="/static/imghwm/default1.png" data-src="2.jpg" class="lazy" alt="Detailed explanation of common methods of operating images in CSS" >
        </a>
        <div>一张背景图</div>
    </div>

The above is the detailed content of Detailed explanation of common methods of operating images in CSS. For more information, please follow other related articles on the PHP Chinese website!