So entfernen Sie den Bildrand mit CSS

In CSS können Sie das Attribut „border“ verwenden, um den Bildrand zu entfernen. Setzen Sie einfach „border="0"“ oder „border:none“ für das img-Element. Das Randattribut legt alle Randattribute fest. Wenn der Wert „Keine“ oder „0“ ist, bedeutet dies, dass das Randattribut für das Etikettenelement nicht festgelegt ist oder die Rahmenbreite 0 ist.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So entfernen Sie den IMG-Rand mit CSS

Das border-Attribut des Tags gibt die Breite des Randes um das Bild an, was bedeutet, dass Sie den Rand des Bildes vergrößern oder entfernen können. Sie können es auch über das Border-Attribut in CSS festlegen.

border="0"  // html属性
border: none; // css属性

Hinweis: Standardmäßig hat das Bild keine Ränder, daher ist es nicht nötig, diese zu entfernen. (Es sei denn, das Bild befindet sich innerhalb eines a-Elements).

Browser zeigen normalerweise Bilder, die Hyperlinks darstellen (z. B. Bilder, die in -Tags enthalten sind), innerhalb eines zwei Pixel breiten Randes an, um anzuzeigen, dass Leser durch Auswahl dieses Bildes auf das zugehörige Dokument zugreifen können.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Bildrand mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!