imej CSS

Mula-mula kami memperkenalkan imej, menambah penerangan dan menggunakan div untuk membawanya

  <div class="image">
    <a href="./1348306907524.jpg" target="_self">
        <img src="1348306907524.jpg" width="150px" height="150px">
    </a>
    </div>
    <div>beautiful </div>

ialah kesan berikut:

Seterusnya kita mula menyesuaikan paparan gambar:

Tambah jidar pada gambar, ubah suai fon penerangan untuk dipadankan, ubah suai saiz fon dan apungkan keseluruhan div ke kiri supaya jidar sepadan dengan gambar. kita boleh mereka bentuk ketelusan imej: Ini agak mudah, anda hanya perlu menambah pada tetapan CSS imej:

kelegapan: 0.5;

Julat nilai atribut ini ialah 0-1 untuk menetapkan ketelusan, 0 adalah telus sepenuhnya.

Berikut ialah pemaparan lutsinar: