ulとliの基本的な使用法の分析

ナビゲーション、少量のデータテーブル、中央揃え
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<ヘッド>
<title>ul および li アプリケーション</title>
<スタイルタイプ="text/css">
#menu{幅:1000px;高さ:35px;フロート:右;マージン:0px;クリア:両方;垂直位置揃え:下;}
#ul li{リストスタイルタイプ:なし; クリア:両方;幅:100px;ディスプレイ:インライン; フォントサイズ:大きい;}
#ミウル・リ{float:left;width:100px;}
</スタイル>
</head>
<本文>
<div id="メニュー">
<ul id="ul">
<li><a title="" href="http://localhost:1435/BookShop/index.aspx">ホーム</a></li>
<li><a title="" href="http://localhost:1435/BookShop/hybooks.aspx">業界書籍</a></li>
<li><a title="" href="http://localhost:1435/BookShop/Clothing.aspx">ファッショントレンド</a></li>
<li><a title="" href="http://localhost:1435/BookShop/">ビューティーショップ</a></li>
<li><a title="" href="http://localhost:1435/BookShop/">マミーベイビー</a></li>
<li><a title="" href="http://localhost:1435/BookShop/">ギフトブック</a></li>
<li><a title="" href="http://localhost:1435/BookShop/">ニュース情報</a></li>
<li><a title="" href="http://localhost:1435/BookShop/">ユーザーコメント</a></li>
<li><a title="" href="http://localhost:1435/BookShop/">お問い合わせ</a></li>
</ul>
</div>
デフォルトでは、<div>は垂直でドットがあります
<ul>
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
</ul>
</div>
<div>
<ul>
<li style="list-style-type:none;">ドットを削除します</li>
<li style="display:inline;">こんにちは</li>
<li>こんにちは</li>
<li style="display:inline;">こんにちは</li>
</ul>
</div>

<div style="text-align:center;background:#def">
<ul style="width:150px;background:#eee;">
<li style="float:left;">こんにちは</li>
<li style="float:left;">こんにちは</li>
<li style="float:left;">こんにちは</li>
<li style="float:left;">こんにちは</li>
<li style="float:left;">こんにちは</li>
</ul>
</div>

<div style="text-align:center;background:#eef">
<ul id="myul" style="width:300px;background:#eee">
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
<li>こんにちは</li>
</ul>
</div>
</本文>
</html>

<<: データベースインデックスの知識ポイントの概要

>>: CSS の一部のプロパティの前には「*」または「_」が付きます。