Maison >interface Web >tutoriel HTML >Utilisez les balises ul et li de HTML pour créer un exemple de fonction d'affichage d'image code_HTML/Xhtml_web production de pages
Utilisez les balises ul et li de HTML pour créer un exemple de fonction d'affichage d'image code_HTML/Xhtml_web production de pages
- WBOYoriginal
- 2016-05-16 16:38:442853parcourir
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
Copier le codeLe code est le suivant :
Copier le codeLe code est le suivant :
#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 :
Sanya
Sanya
SanyaDéclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn