suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >So fügen Sie in HTML eine horizontale Linie unter dem Bild hinzu

So fügen Sie in HTML eine horizontale Linie unter dem Bild hinzu

青灯夜游
青灯夜游Original
2022-01-21 16:59:118603Durchsuche

In HTML können Sie das Attribut „border-bottom“ verwenden, um eine horizontale Linie unter dem Bild hinzuzufügen. Dieses Attribut kann den unteren Rahmenstil für das Bildelement festlegen und so den Effekt des Hinzufügens einer horizontalen Linie erzielen {border-bottom:" Horizontale Linienstärke, durchgehende horizontale Linienfarbe;}".

So fügen Sie in HTML eine horizontale Linie unter dem Bild hinzu

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

In HTML können Sie das Attribut „border-bottom“ verwenden, um eine horizontale Linie unter dem Bild hinzuzufügen.

Das Attribut „border-bottom“ kann einem Element einen unteren Rand hinzufügen und die Größe, den Stil und die Farbe des unteren Rands festlegen.

Beispiel: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.img{
				border-bottom: 3px solid black;
			}
		</style>
	</head>

	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="So fügen Sie in HTML eine horizontale Linie unter dem Bild hinzu" >
		<img  src="img/1.jpg"    style="max-width:90%" class="img" / alt="So fügen Sie in HTML eine horizontale Linie unter dem Bild hinzu" >
	</body>

</html>

So fügen Sie in HTML eine horizontale Linie unter dem Bild hinzu

Verwandte Empfehlungen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo fügen Sie in HTML eine horizontale Linie unter dem Bild hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css3 html border
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：Was ist der Unterschied und die Verbindung zwischen Inline-Elementen und Elementen auf Blockebene in HTML?Nächster Artikel：Was ist der Unterschied und die Verbindung zwischen Inline-Elementen und Elementen auf Blockebene in HTML?

In Verbindung stehende Artikel

Mehr sehen