Bagaimana Menggunakan Harta `background-image` CSS dengan betul?

Memahami Penggunaan Betul Harta imej latar belakang CSS

Sifat imej latar belakang CSS membolehkan anda menetapkan imej sebagai latar belakang sesuatu unsur. Berikut ialah perkara utama untuk memahami penggunaannya yang betul:

• Petikan: Petikan tidak diperlukan untuk URI. Sintaksnya boleh:

  • imej latar belakang: url(imej.jpg);
  • imej latar belakang: url("imej.jpg");
• Laluan: Laluan boleh sama ada relatif (mis., url('images/slides/background.jpg')) atau penuh (cth., url(https://example.com/image.jpg)).
• Escape Character: Jika URI mengandungi aksara khas seperti kurungan, ruang putih atau petikan, ia mesti dilepaskan dengan garis serong ke belakang (cth., url('(image.jpg)')).

Sebagai contoh, jika anda ingin menggunakan imej "example.jpg" sebagai latar belakang div, anda boleh menggunakan kod berikut:

div {
  background-image: url("example.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

Ini akan menetapkan latar belakang div kepada "example.jpg" dan meliputi keseluruhan div, memastikan imej tidak berulang.

Atas ialah kandungan terperinci Bagaimana Menggunakan Harta `background-image` CSS dengan betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!