Comment ajouter un soulignement en CSS

藏色散人
Libérer: 2023-01-05 16:09:42
original
17779 Les gens l'ont consulté

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!

Étiquettes associées:
css
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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!