*

ウェッブ制作

Width =px

ホーム > 変化を付ける小技 >
行に一定間隔で背景色 MENU 

箇条書き、テーブルやリストなどに行の間隔を指定して、背景色を入れることで見やすくなります。 

2行間隔に背景色* Pタグ

3行間隔で2番目と3番目に背景色* Pタグ

3行間隔で2番目と3番目に背景色*テーブル・タグ

1.    
2.    
3.    
4.    
5.    
6.    
7.    
8.    
9.    

3行間隔で2番目と3番目に背景色*UL・タグ

  • 1.
  •  
  •  
  •  
  •  
  • 2.
  •  
  •  
  •  
  •  
  • 3.
  •  
  •  
  •  
  •  
  • 4.
  •  
  •  
  •  
  •  
  • 5.
  •  
  •  
  •  
  •  
  • 6.
  •  
  •  
  •  
  •  
  • 7.
  •  
  •  
  •  
  •  
  • 8.
  •  
  •  
  •  
  •  
  • 9.
  •  
  •  
  •  
  •  

1.リストの空欄には、全角スペースを挿入しています。

2.CSSの7行目以降は、全て罫線の設定です。
上記のように表示するには、下記CSSを追加ください。

3.列数や列幅を自由に作成する便利技