【ul】【li】の設定は、下記の3つとも同じ。
【ul】には、マージン 上下左右 0px ・パッディング 上下左右 0px
リストマークについては、そのまま。【list-style-type : none;】の設定はしていない。
パターン2は、リストを入れた親ボックスに、幅400pxとボーダー、そして、左パッディングを設定
パターン3は、リストを入れた親ボックスに、幅400pxとボーダー、そして、左マージンを設定
パターン2,3nついては、分かりやすいように【ul】に背景色を設定
パターン 1
月見うどん
たぬきうどん
天ぷらうどん
鴨南そば
カレーうどん
鍋焼きうどん
ペスカトーレ
パターン 2
月見うどん
たぬきうどん
天ぷらうどん
鴨南そば
カレーうどん
鍋焼きうどん
ペスカトーレ
パターン2より・リストマークを非表示設定にしたもの
月見うどん
たぬきうどん
天ぷらうどん
鴨南そば
カレーうどん
鍋焼きうどん
ペスカトーレ
パターン 3
月見うどん
たぬきうどん
天ぷらうどん
鴨南そば
カレーうどん
鍋焼きうどん
ペスカトーレ
パターン3より・リストマークを非表示設定にしたもの
月見うどん
たぬきうどん
天ぷらうどん
鴨南そば
カレーうどん
鍋焼きうどん
ペスカトーレ
このページは、ブログ
「ホームページビルダー私でも出来たホームページ」
のサンプルを置いているページです。