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

WBOY

Libérer： 2016-05-16 16:37:36

original

2178 Les gens l'ont consulté

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);
}

Étiquettes associées：

html liste non ordonnée

source：php.cn

Article précédent：Option Html Select Comment créer une sélection par défaut_HTML/Xhtml_Web production de pages Article suivant：désactivéLa valeur non saisie ne peut pas être transmise à l'action layer_HTML/Xhtml_Web production de pages

Déclaration de ce site Web

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

Derniers articles par auteur