Maison > Article > interface Web > Comment écrire des puces de liste HTML non ordonnées à l'aide d'images dans la production de pages CSS_HTML/Xhtml_Web

Comment écrire des puces de liste HTML non ordonnées à l'aide d'images dans la production de pages CSS_HTML/Xhtml_Web

WBOYoriginal: 2016-05-16 16:37:362151parcourir

Créez une page HTML avec une liste non ordonnée d'au moins 5 livres les plus vendus. La puce avant chaque livre doit être une vignette décrivant la couverture. Ces informations peuvent être obtenues sur le Web. Les méthodes CSS sont requises pour la mise en page.

HTML :

Copier le code

Le code est le suivant :

"book. css" rel="stylesheet" type="text/css">
;

Best-seller Linux

Le code est le suivant :

.diffentcolor{color:green;}

#differcolor{color:green} body , td, div, .p, a { font-family: arial,sans-serif } h1,h2{

font-family:sans-serif

color : gris;

}
.author{
by:svitter;
}
h1{
border-bottom:1px solid black; >noir uni ;
}
div#container{width:500p}
div#menu {width:150px;float:left;}
div#content {float:left;}
li#book1{
list-style-image:url(pic/popularBook.jpg);
}
li#book2{
list-style-image:url(pic/popularBook2 .jpg) ;
}
li#book3{
list-style-image:url(pic/popularBook3.jpg);
}
li#book4{
list-style -image : url(pic/popularBook4.jpg);
}
li#book5{
list-style-image:url(pic/popularBook5.jpg);
}

Dé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

Article précédent：Option Html Select Comment créer une sélection par défaut_HTML/Xhtml_Web production de pagesArticle suivant：Option Html Select Comment créer une sélection par défaut_HTML/Xhtml_Web production de pages

Articles Liés

Voir plus