Bagaimanakah Saya Boleh Memasukkan Imej Latar Belakang kepada Div Tanpa Memangkas?

Memasang Imej Latar Belakang pada Div

Untuk memaparkan imej latar belakang dalam div tanpa memangkasnya, gunakan sifat bersaiz latar belakang. Bergantung pada hasil yang anda inginkan, anda boleh memilih untuk menskalakan imej agar muat dalam div atau menutup keseluruhan div.

Menskalakan Imej Latar Belakang agar Sesuai dengan Div

Jika anda ingin menskalakan imej latar belakang supaya ia kekal kelihatan sepenuhnya dalam div, tetapkan sifat saiz latar belakang kepada mengandungi.

background-size: contain;

Menskalakan Imej Latar Belakang untuk Meliputi Div

Sebagai alternatif, jika anda mahu imej latar belakang meliputi keseluruhan div, gunakan saiz latar belakang harta ditetapkan kepada penutup.

background-size: cover;

Contoh

Di bawah ialah beberapa contoh untuk menggambarkan kesan tetapan ini:

<div><ul>
<li>Dengan latar belakang -saiz: mengandungi;, imej akan dikecilkan untuk dimuatkan dalam div, mengekalkan aspeknya nisbah.</li>
<li>Dengan saiz latar belakang: penutup;, imej akan diregangkan untuk menutupi keseluruhan div, berpotensi memesongkan nisbah bidangnya.</li>
</ul></div>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memasukkan Imej Latar Belakang kepada Div Tanpa Memangkas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!