Bagaimanakah Saya Boleh Memaparkan Sebahagian daripada Imej Menggunakan HTML dan CSS?

Memaparkan Sebahagian Imej sahaja dalam HTML/CSS

Dalam pembangunan web, memaparkan hanya bahagian tertentu imej sambil mengekalkan imejnya integriti boleh dicapai menggunakan CSS.

Menggunakan klip CSS Harta

Seperti yang dinyatakan dalam soalan, CSS mempunyai sifat klip. Walau bagaimanapun, ia memerlukan elemen yang digunting diposisikan secara mutlak, mengehadkan fleksibilitinya.

.container {
  position: relative;
}

#clip {
  position: absolute;
  clip: rect(0, 100px, 200px, 0);
}

Dalam contoh ini, imej dengan "klip" ID hanya akan memaparkan bahagian tengah 50x50px imej asal 250x250px .

Nota: Sifat klip menggunakan sintaks berikut: betul (atas, kanan, bawah, kiri). Dalam kes ini, kami telah menentukan 0 untuk nilai atas dan kiri, 100px untuk nilai yang betul dan 200px untuk nilai bawah.

Menggunakan Rujukan url() CSS

Untuk rujukan url() CSS, pada masa ini tiada cara terbina dalam untuk memaparkan hanya sebahagian daripada imej.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaparkan Sebahagian daripada Imej Menggunakan HTML dan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!