Kann SVG direkt in CSS eingebettet werden?

Inline-SVG in CSS einbetten

Können Sie eine SVG-Definition direkt in CSS einbetten? Können Sie zum Beispiel so etwas verwenden:

.my-class {
  background-image: <svg>...</svg>;
}

Antwort

Ja, das können Sie tun. Hier ist ein Beispiel:

body {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><lineargradient></lineargradient></svg>

Das obige ist der detaillierte Inhalt vonKann SVG direkt in CSS eingebettet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!