Bolehkah CSS Mengatasi Warna Isian Laluan SVG?

Bolehkah CSS Mengatasi Warna Isian Laluan SVG?

Soalan:

Boleh anda menukar warna isian laluan SVG menggunakan CSS atau cara lain tanpa mengubah suai atribut isian laluan terus?

Jawapan:

Ya, adalah mungkin untuk mengatasi warna isian laluan SVG dengan CSS.

Penyelesaian:

Dalam CSS, anda boleh memilih dan menggayakan elemen SVG sama seperti elemen HTML. Untuk menukar warna isian semua laluan SVG, gunakan peraturan CSS berikut:

<code class="css">path {
  fill: blue;
}</code>

Peraturan ini akan menggunakan warna isian yang ditentukan pada semua laluan dalam SVG.

Perhatikan bahawa CSS luaran boleh mengatasi set atribut isian dalam elemen laluan. Walau bagaimanapun, jika atribut isian ditetapkan secara eksplisit dalam elemen laluan (cth., ), tetapan itu akan diutamakan berbanding CSS luaran.

Atas ialah kandungan terperinci Bolehkah CSS Mengatasi Warna Isian Laluan SVG?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!