Bagaimanakah Sifat Tersuai Boleh Meningkatkan Tetapan Imej Latar Belakang dalam CSS?

Imej Latar Belakang dengan Sifat Tersuai

Menetapkan imej latar belakang menggunakan atribut imej data dan fungsi attr() boleh menjadi masalah. Sebaliknya, pertimbangkan untuk menggunakan sifat tersuai untuk mencapai kesan ini semata-mata dengan CSS.

Sifat tersuai menawarkan beberapa kelebihan:

• Nilai tidak terhad kepada rentetan, membenarkan sebarang nilai sifat yang dibenarkan.
• Kemas kini masa jalan boleh dilakukan dengan menukar lembaran gaya.

Contoh Kod

Berikut ialah contoh menggunakan sifat tersuai untuk menetapkan imej latar belakang berdasarkan atribut imej data:

.kitten {
  width: 525px;
  height: 252px;
  background-image: var(--bg-image);
}

<div class="kitten">

Pendekatan ini membolehkan penetapan imej latar belakang yang mudah melalui sifat tersuai, tanpa kelemahan attr().

Atas ialah kandungan terperinci Bagaimanakah Sifat Tersuai Boleh Meningkatkan Tetapan Imej Latar Belakang dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!