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

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 :

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

    font-family: sans; color: yellow;
}

HTML Code :

<h1>Hello World</h1>

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!