Vous pouvez définir une image d'arrière-plan pour l'échange img element_Experience

La méthode d'implémentation est très simple : définissez l'élément img comme élément de bloc (display:block;) et attribuez une valeur de remplissage.

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>Démo d'images</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_Vous%20pouvez%20d%C3%83%C2%A9finir%20une%20image%20darri%C3%83%C2%A8re-plan%20pour%20l%C3%83%C2%A9change%20img%20element_Experience.gif" alt="Vous pouvez définir une image darrière-plan pour léchange img element_Experience"> </div>
[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]

Copier le code Le code est le suivant :

img {
display:block b
ackground:url('parallax. gif') no-repeat bottom left;
padding:93px 100px 75px 100px;>

Selon le principe ci-dessus, par analogie, par une méthode similaire , nous pouvons également définir des côtés bilatéraux pour l'élément img :

Copier le code Le code est le suivant :

img {
display:block;
padding:1px;
background:red;
border:1px solid black;