Bordures de texte en HTML CSS [Résolu/Fermé]

Signaler
Messages postés
411
Date d'inscription
jeudi 23 août 2007
Statut
Membre
Dernière intervention
5 novembre 2008
-
Messages postés
101
Date d'inscription
lundi 27 août 2012
Statut
Membre
Dernière intervention
5 octobre 2016
-
Bonsoir,

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

6 réponses

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
26
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

merci :)
Messages postés
23088
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
16 février 2021
2 202
;)
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
901
salut,

tu n'avais pas trouvé ton bonheur chez AlsaCréationS ?
Messages postés
101
Date d'inscription
lundi 27 août 2012
Statut
Membre
Dernière intervention
5 octobre 2016
15
Je suis débutante mais je pense qu'il s'agit d'un border-radius sachant que IE ne l'accepte pas et que tu dois spécifier pour chaque navigateur
et cela te donne des lignes du type
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
Messages postés
5122
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
22 novembre 2020
2 729
Bonjour,

Celle-là semblait ne pas marcher non plus ?
Ils ne sont pas assez arrondis les coins ?

--
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
901
salut Gihef,

+72 547 (environ).

-XD
Messages postés
4606
Date d'inscription
lundi 7 novembre 2005
Statut
Contributeur
Dernière intervention
24 octobre 2020
1 290
salut,

moz-border-radius (de : border-radius :: css3) , uniquement sous firefox actuellement
sinon, direction les générateurs : https://www.afternic.com/forsale/spiffybox.com?utm_source=TDFS_DASLNC&utm_medium=DASLNC&utm_campaign=TDFS_DASLNC&traffic_type=TDFS_DASLNC&traffic_id=daslnc& (par exemple)
pour finir, google regorge d'informations (mots clés :: bord arrondi css)
Messages postés
5122
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
22 novembre 2020
2 729
(-:


Et pi tiens, en cherchant autre chose, je suis tombé sur une autre méthode (avec PSP).

--