Anda boleh menetapkan imej latar belakang untuk pertukaran img element_Experience

Kaedah pelaksanaan sangat mudah: tetapkan elemen img sebagai elemen blok (display:block;) dan tetapkan nilai padding.

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>Tunjuk Cara Imej</title> <style type="text/css"> div { background: url('http://img.jb51.net/images/blur.jpg') no-repeat top left; width: 232px; height: 200px; } img { display: block; background: url('http://img.jb51.net/images/parallax.gif') no-repeat bottom left; padding: 93px 100px 75px 100px; } </style> <div> <img src="http://img.jb51.net/images/Anime_Anda%20boleh%20menetapkan%20imej%20latar%20belakang%20untuk%20pertukaran%20img%20element_Experience.gif" alt="Anda boleh menetapkan imej latar belakang untuk pertukaran img element_Experience"> </div>
[Ctrl+A Pilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan ]

Salin kod Kod adalah seperti berikut:

img {
paparan:b
ackground:url('parallax. gif') tiada ulangan kiri bawah;
padding:93px 100px 75px 100px;}

Mengikut prinsip di atas, dengan analogi, melalui kaedah yang serupa , kita juga boleh menetapkan sisi dua hala untuk elemen img:

Salin kod Kodnya adalah seperti berikut:

img {
paparan:sekat;
padding:1px;
latar belakang: merah;