Maison > interface Web > tutoriel CSS > SVG peut-il être directement intégré dans CSS ?

SVG peut-il être directement intégré dans CSS ?

Barbara Streisand
Libérer: 2024-12-17 13:57:22
original
906 Les gens l'ont consulté

Can SVG be Directly Embedded within CSS?

Intégration du SVG en ligne dans CSS

Pouvez-vous intégrer directement une définition SVG dans CSS ? Par exemple, pouvez-vous utiliser quelque chose comme ceci :

.my-class {
  background-image: <svg>...</svg>;
}
Copier après la connexion

Réponse

Oui, vous pouvez le faire. Voici un exemple :

body {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient>
Copier après la connexion

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