Secara umum, kita dapat menggunakan gambar latar belakang untuk menambahkan bayangan pada gambar, tetapi bagaimana cara melakukannya untuk gambar dengan ukuran tidak tetap?
Kita dapat menggunakan "metode penipuan visual" untuk mencapai hal ini dengan mendefinisikan batas gradien
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<meta http-equiv="Isi-Bahasa" content="zh-CN" />
<judul></judul>
<gaya tipe="teks/css" >
isi {latar belakang:#2e334d;}
img {batas:tidak ada;}
a.pic-shadow {display:inline-block;zoom:1;padding:1px;background:#262a3f;border:solid #2b3048 1px;border-radius:5px;-moz-border-radius:5px;-webkit- radius batas:5px;}
a.pic-shadow img {padding:1px;background:#13151f;border:solid #1e2132 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
</gaya>
</kepala>
<tubuh>
<a class="pic-shadow" href="#" title=""><img src=" border-radius:5px;
-moz-batas-radius:5px;
-webkit-perbatasan-radius:5px;
Definisi di atas merupakan definisi sudut membulat di berbagai browser standar untuk menipu mata secara lebih profesional.
Kode warna dapat diambil setelah membuat efek cahaya luar di PS.
Efek yang saya punya di atas adalah [Lembut], [Diperpanjang 0], [Ukuran 5px], [Warna #000] dan selebihnya adalah default
Tentu saja, jika Anda memiliki persyaratan khusus, Anda dapat menggunakan filter IE untuk mendapatkan bayangan yang lebih indah. Jika pembuat filter lewat... Anda dapat pergi ke sana sendiri.