Copiez le code suivant dans la zone de code de dreamweaver. L'image suivante peut être affichée pendant l'aperçu, réalisant la fonction d'affichage de l'image
#layout{ width:700px;border:2px solid #ccc;padding:2px; overflow:auto;zoom:1;diaplay:inline;}
#layout ul{list-style:none;}
#layout li {
list-style-type: square;
no-repeet 0px 4px
padding-left:20px;
body{margin:0 auto;font-size:12px;font- famille:Verdana;line-height:1.5;}
ul ,dl,dt,dd,h1,h2,h3,h4,h5,h6,form{padding:0;margin:0;}
img{ border:0px;}
#layout ul li a img {
padding: 1px;
border: 1px solid #elelel; >}
a{color:#05a;text-decoration :none;}
a:hover{color:#f00;}
#layout ul li {
float: left;
largeur : 72px ;
marge supérieure : 20 px ; marge droite : 0px ;
marge inférieure : 0px ; 🎜>}
#layout ul li a {
display: block
}
#layout ul li a:hover img {
padding: 0px
border: 2px solid # FF6600;
} Copier le code
Le code est le suivant :