Bolehkah SVG Dibenamkan Terus dalam CSS?

Membenamkan SVG Sebaris dalam CSS

Bolehkah anda membenamkan definisi SVG secara langsung dalam CSS? Sebagai contoh, bolehkah anda menggunakan sesuatu seperti ini:

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

Jawapan

Ya, anda boleh melakukannya. Berikut ialah contoh:

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

Atas ialah kandungan terperinci Bolehkah SVG Dibenamkan Terus dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!