So schreiben Sie HTML-Aufzählungszeichen für ungeordnete Listen mithilfe von Bildern in der CSS_HTML/Xhtml_Web-Seitenproduktion

Erstellen Sie eine HTML-Seite mit einer ungeordneten Liste von mindestens fünf meistverkauften Büchern. Das Aufzählungszeichen vor jedem Buch muss eine Miniaturansicht sein, die das Cover umreißt. Diese Informationen können im Internet abgerufen werden. Für das Layout sind CSS-Methoden erforderlich.

HTML:

Code kopieren

Der Code lautet wie folgt:

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

Linux Bestseller

;

• Basics of Linux Private Kitchen
li id="book2">Niao Ge's Linux Private Kitchen Server-Artikel

• Linux-Befehlszeilen- und Shell-Skript-Programmierenzyklopädie
  
• Linux-Betrieb und -Wartung
• Linux/Unix-Systemprogrammierhandbuch
;/div>

book.css:





Kopieren Sie den Code


Der Code lautet wie folgt:


.diffentcolor{color:green;}
#differcolor{color:green}
body , td, div, .p, a {

Schriftfamilie: arial,sans-serif
}
h1,h2{
Schriftfamilie:sans-serif; grey;

.author{

by:svitter;} border-bottom:1px solid black; >solid black; } div#container{width:500p} div#menu {width:150px;float:left;}

div#content {float:left;}

li#book1{

list-style-image:url(pic/popularBook.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);

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn