Css_ using CSS Layouts

This article originates from: Http://blog.csdn.net/svitter

1. Create an HTML page with an unordered list that contains at least 5 bestsellers, and the bullets before each book must be preceded by thumbnails of the overview cover. This information can be obtained on the web. CSS methods are required for layout.

Please do not copy my code--.

Ex1.html:

BOOK.CSS:
. Diffentcolor{color:green;} #differcolor {color:green}body, TD, Div,. P, a {font-family:arial,sans-serif;} H1,h2{font-family:sans-serif;color:gray;}. Author{by:svitter;} H1{BORDER-BOTTOM:1PX solid black;border-bottom:1px;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#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);}


Pic To build itself, insert icon.
A simple demonstration of the effect: