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