Bordures de texte en HTML CSS

Résolu
Roxane 59 Messages postés 455 Date d'inscription   Statut Membre Dernière intervention   -  
essai2012 Messages postés 101 Date d'inscription   Statut Membre Dernière intervention   -
Bonsoir,

Existe-il une balise ou un code css pour réaliser les bordures de texte avec les bords arrondis ? Merci du renseignement.

6 réponses

Dronoïde
 
Rhôôô
Lisez les questions plutôt que de répondre à côté de la plaque LoL =D
Bon j'arrête de jouer les gros lourds et je vous file la solution.

Pour ajouter une bordure à un texte on peut utilise la propriété CSS "text-shadow" :

.monTexte{
text-shadow:
#FF0000 1px 1px,
#FF0000 -1px 1px,
#FF0000 -1px -1px,
#FF0000 1px -1px;
}

Petite explication sur les paramètres :

1er = couleur de l'ombre
2eme = décalage de l'ombre vers la droite
3eme = décalage de l'ombre vers le bas

En gros en appliquant le style ci-dessus on attribue une ombre à notre texte sur les 4 diagonales.

Bon le rendu est crade alors on peut rajouter un 4eme paramètre qui définis le nombre de pixels sur lequel va être appliqué le dégradé de notre ombre.

La feuille de style à appliquer deviens alors :

.monTexte{
text-shadow:
#FF0000 1px 1px 1px,
#FF0000 -1px 1px 1px,
#FF0000 -1px -1px 1px,
#FF0000 1px -1px 1px;
}

Voili Voulou =D
27
the sabbar
 
merci :)
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
;)
0