Was wir heute lernen, ist, Ihnen beizubringen, wie Sie die Größe von Bildern mithilfe von CSS anpassen. In den vorherigen Kursbeispielen sind wir mit den beiden Attributen Breite und Höhe in Berührung gekommen Breite und Höhe der Elemente.
In CSS verwenden wir auch Breite und Höhe, um die Größe von Bildern zu definieren. Syntax:
Beschreibung: In der Anfängerstufe von CSS sind alle Einheiten Pixel. In der fortgeschrittenen Stufe von CSS werden wir andere CSS-Einheiten ausführlich erläutern:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
img{width:60px;height:60px;}
</style>
</head>
<body>
<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>Der Vorschaueffekt im Browser ist wie folgt:
Analyse: Unabhängig von der tatsächlichen Größe des Bildes können Sie die Breite verwenden und Höhe, um die gewünschte Höhe und Breite zu definieren. Seien Sie nicht so dumm und verwenden Sie PS, um die Höhe und Breite festzulegen, bevor Sie es wagen, das Bild auf der Seite zu verwenden.
Für mehr CSS zum Anpassen der Bildgröße und wenn Sie mehr über Artikel zu Breite und Höhe erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
