Comment définir la longueur de soulignement en HTML-tutoriel HTML-php.cn

Comment définir la longueur de soulignement en HTML

青灯夜游

Libérer： 2021-12-13 16:33:06

original

11822 Les gens l'ont consulté

Comment définir la longueur du soulignement en HTML : 1. Ajoutez le style "display: block;" à l'élément pour le transformer en élément de niveau bloc ; 2. Utilisez l'attribut border-bottom pour définir le style de soulignement ; . Utilisez l'attribut width pour contrôler la longueur du soulignement, syntaxe "width: length value;".

Comment définir la longueur de soulignement en HTML

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Comment définir la longueur de soulignement en HTML

En HTML, vous pouvez définir le style de soulignement via l'attribut border-bottom, puis utiliser l'attribut width pour contrôler la longueur de soulignement.

L'imbrication signifie que la largeur de l'élément doit être contrôlable, même si l'attribut width est utilisé pour être efficace.

C'est-à-dire que l'élément doit être un élément de niveau bloc (display : block ;) ou un élément de niveau bloc en ligne (display : inline-block ;).

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>

			a{
				text-decoration: none;
			}
			.box{
				display: block;
				border-bottom:2px solid grey;
				width:200px;
			}
		</style>
	</head>
	<body>
		<a href="#" class="box">About</a><br>
		<span class="box">Technology</span>
	</body>
</html>

Copier après la connexion

Comment définir la longueur de soulignement en HTML