Soulignement d'une autre couleur

[-Mishirame-]

Bonsoir à tous,

J'ai vu pas mal de fofo qui pouvait faire des mots/phrase soulignés et les traits étant pas de la même couleur que le texte !

Par exemple un mot noir avec un gros trait en gras en dessous de couleur rose ... je voudrais savoir comment fait-on svp

merci d'avances !

[Scoubifitz]

bonjour,

comme ça ?

c'est faisable en utilisant et appliquant un style à la balise underline

Code:

u {
text-decoration:none; /* supprime le soulignement normal */
border-bottom:3px solid pink; /* rajoute une ligne au bas du mot balisé */
}

[-Mishirame-]

oh c'est magique merci xD

par contre du coup, la couleur sera la même pour tout les soulignements ? Si on veut choisir on est obligé de devoir refaire un code couleur ect ?

[Scoubifitz]

on peut aussi le mettre sur une autre balise ...

par exemple , votre texte est en noir , non ? Le plus simple est de mettre le style sur la balise de couleur noire !^^

on aura donc un texte de couleur noire avec [color=black]une balise[/color] de couleur noire .

et le CSS correspondant :

Code:

font[color=black] {
border-bottom:3px solid pink; /* rajoute une ligne au bas du mot balisé */
}

On peut aussi mettre un "span" dans le texte , si l'HTML est activé :

un autre <span class="trait-orange">texte</span> de <span class="trait-rouge">couleur</span> noire avec <span class="trait-rose">une balise</span> de texte .

et le CSS correspondant :

Code:

.trait-rose {
border-bottom:3px solid pink; /* rajoute une ligne au bas du mot balisé */
}
.trait-orange{
border-bottom:3px solid orange; /* rajoute une ligne au bas du mot balisé */
}
.trait-rouge {
border-bottom:3px solid red; /* rajoute une ligne au bas du mot balisé */
}

[-Mishirame-]

Ah très bien ! merci beaucoup je passe en résolue :3

bonne journée !