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>

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!