CSS_HTML/Xhtml_Web ページ制作で画像を使用して HTML の番号なしリストの箇条書きを作成する方法

少なくとも 5 冊のベストセラー書籍の順序なしリストを含む HTML ページを作成します。各書籍の前の箇条書きは、表紙の輪郭を示すサムネイルである必要があります。この情報は Web 上で入手できます。 レイアウトにはCSSメソッドを使用する必要があります。

HTML:

コードをコピーします

コードは次のとおりです:

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

/h1>

;

Brother Niao の Linux プライベート キッチンの基本 li id="book2">Niao Ge の Linux プライベート キッチン サーバーの記事

• Linux コマンド ラインとシェル スクリプト プログラミングの百科事典
  
• Linux の運用とメンテナンス


• 
  

;/div>

book.css:


コードをコピーします


コードは次のとおりです:

.diffentcolor{color:green;}
#differcolor{color:green}

body , td, div, .p, a {

font-family: arial,sans-serif; } h1,h2{ font-family: color:グレー;

}

.author{

by:svitter;
h1{
border-bottom:1px ; >黒一色;
}
div#container{width:500p}
div#menu {width:150px;float:left;}
div#content {float:left;}
li#book1{
リストスタイルイメージ:url(pic/popularBook.jpg);
}
li#book2{
リストスタイルイメージ: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);