Heim > Artikel > Web-Frontend > Detaillierte Erläuterung gängiger Methoden zum Bearbeiten von Bildern in CSS

Detaillierte Erläuterung gängiger Methoden zum Bearbeiten von Bildern in CSS

高洛峰Original: 2017-03-26 11:03:111250Durchsuche

In diesem Artikel werden hauptsächlich relevante Informationen zu häufig verwendeten Methoden zum Bearbeiten von Bildern in CSS erläutert. Freunde in Not können darauf zurückgreifen

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="2.jpg" alt="背景" width="200px" height="200px">
        </a>
        <div class="text">一张背景图</div>
    </div>
    <div class="image">
        <a href="#" target="_self">
            <img src="2.jpg" alt="背景" width="200px" height="200px">
        </a>
        <div class="text">一张背景图</div>
    </div>
    <div class="image">
        <a href="#" target="_self">
            <img src="2.jpg" alt="背景" width="200px" height="200px">
        </a>
        <div class="text">一张背景图</div>
    </div>
    <div class="image">
        <a href="#" target="_self">
            <img src="2.jpg" alt="背景" width="200px" height="200px">
        </a>
        <div class="text">一张背景图</div>
    </div>
</body>
</html>

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung gängiger Methoden zum Bearbeiten von Bildern in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der Unterschiede und Verwendungen von (px em rem) in CSSNächster Artikel：Detaillierte Erläuterung der Unterschiede und Verwendungen von (px em rem) in CSS

In Verbindung stehende Artikel

Mehr sehen