Maison > interface Web > tutoriel HTML > le corps du texte

Comment définir la longueur de soulignement en HTML

青灯夜游
Libérer: 2021-12-13 16:33:06
original
11841 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

Tutoriel recommandé : "Tutoriel vidéo html"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal