Heim > Artikel > Web-Frontend > CSS passt die Größe von Bildern an, Sie müssen Breite und Höhe kennen

CSS passt die Größe von Bildern an, Sie müssen Breite und Höhe kennen

高洛峰Original: 2017-02-08 10:11:332281Durchsuche

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:

CSS passt die Größe von Bildern an, Sie müssen Breite und Höhe kennen

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!

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：CSS-Einführungs-Tutorial: BildrandrandNächster Artikel：CSS-Einführungs-Tutorial: Bildrandrand

In Verbindung stehende Artikel

Mehr sehen