Maison > interface Web > tutoriel CSS > CSS peut-il ajouter une bordure au texte comme le logo Twitter ?

CSS peut-il ajouter une bordure au texte comme le logo Twitter ?

Mary-Kate Olsen
Libérer: 2024-12-07 12:52:11
original
731 Les gens l'ont consulté

Can CSS Add a Border to Text Like the Twitter Logo?

Création d'une bordure de police en CSS

Question :

Est-il possible d'ajouter un bordure à une police utilisant CSS3, semblable à la bordure blanche autour du Twitter bleu logo ?

Réponse :

Oui, il existe une propriété CSS expérimentale appelée text-stroke, qui est prise en charge par certains navigateurs avec un préfixe -webkit.

Code CSS :

1

2

3

4

5

h1 {

    -webkit-text-stroke: 2px black; /* width and color */

 

    font-family: sans; color: yellow;

}

Copier après la connexion

HTML Code :

1

<h1>Hello World</h1>

Copier après la connexion

Ce code produira un titre avec une bordure noire de 2 pixels autour du texte jaune, créant un effet similaire au logo Twitter. Cependant, notez que text-stroke n'est pas encore une propriété entièrement prise en charge et peut ne pas se comporter de manière cohérente sur tous les navigateurs.

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!

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 articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal