In CSS können Sie die Breiten- und Höhenattribute verwenden, um die Bildgröße festzulegen. Sie müssen nur den Stil „width: value; height: value;“ festlegen. Mit den Attributen „width“ und „height“ können Sie die Breite und Höhe des Inhaltsbereichs des Elements festlegen, mit Ausnahme von Auffüllungen, Rahmen oder Rändern.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS können Sie die Attribute width und height verwenden, um die Bildgröße festzulegen.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.a{
width: 200px;
height: 200px;
}
.b{
width: 200px;
height: 100px;
}
</style>
</head>
<body>
<img src="img/1.jpg" alt="" class="a">
<img src="img/1.jpg" alt="" class="b">
</body>
</html>Rendering:
Beschreibung: Das Attribut
width legt die Breite des Elements fest und das Attribut height legt die Höhe des Elements fest.
Das Breitenattribut und das Höhenattribut definieren die Breite und Höhe des Inhaltsbereichs des Elements, mit Ausnahme von Auffüllungen, Rändern oder Rändern. Ränder und Ränder können außerhalb des Inhaltsbereichs hinzugefügt werden.
Attributwert:
| Wert | Beschreibung |
|---|---|
| Auto | Standard. Der Browser berechnet die tatsächliche Höhe. |
| Länge | Verwenden Sie px, cm und andere Einheiten, um die Höhe zu definieren. |
| % | Basierend auf der prozentualen Höhe des Objekts auf Blockebene, das es enthält. |
| inherit | gibt an, dass der Wert des Höhenattributs vom übergeordneten Element geerbt werden soll. |
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo legen Sie die Bildgröße in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
