Maison >interface Web >tutoriel HTML >Comment définir la longueur de soulignement en HTML
Comment définir la longueur de soulignement en HTML
- 青灯夜游original
- 2021-12-13 16:33:0611864parcourir
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;".
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>
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!