So entfernen Sie den Bildrand mit CSS

So entfernen Sie den Bildrand mit CSS: 1. Verwenden Sie das Border-Attribut in CSS, um den IMG-Rand festzulegen und zu entfernen. 2. Entfernen Sie den Bildrand durch „img:not([src]){opacity:0;}“ .

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

css img-Rahmen entfernen

1 Das Randattribut des a1f02c36ba31691bcfe87b2722de723b-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 3499910bf9dac5ae3c52d5ede7383485-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.

2. Wenn img das src-Attribut nicht empfängt, wird automatisch ein Rahmen angezeigt. Wenn border:0/none nicht funktioniert, lautet die Lösung:

img[src=""],
img:not([src]){
    opacity:0;
}

[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!