Maison  >  Article  >  interface Web  >  Comment ajouter un soulignement en CSS

Comment ajouter un soulignement en CSS

藏色散人
藏色散人original
2021-04-19 14:30:1917795parcourir

Méthode de soulignement CSS : 1. Utilisez "text-decoration:underline" pour définir le soulignement du texte ; 2. Définissez la bordure du div pour obtenir l'effet de soulignement.

Comment ajouter un soulignement en CSS

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, version HTML5&&CSS3.

Il existe généralement deux méthodes :

1. Définissez le soulignement du texte via le code de soulignement CSS : text-decoration:underline.

L'exemple de démonstration est le suivant :

1. L'exemple de code est le suivant :

Comment ajouter un soulignement en CSS

L'effet de page à ce moment est comme suit :

Comment ajouter un soulignement en CSS

[Apprentissage recommandé : Tutoriel vidéo CSS]

2 Modifiez le style txt à l'étape 1 et ajoutez du texte. -décoration : souligner.

Comment ajouter un soulignement en CSS

À l'heure actuelle, l'effet de page est le suivant, avec des soulignements apparaissant.

Comment ajouter un soulignement en CSS

Deuxièmement, obtenez l'effet en définissant la bordure du div :

L'exemple est le suivant :

Sur le code initial de la première méthode, ajoutez deux styles clés : border-bottom : 1px solid black et padding-bottom : 10px, comme suit :

Comment ajouter un soulignement en CSS

L'effet de page est le suivant :

Comment ajouter un soulignement en CSS

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!

Déclaration:
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