Eyacatch Html Css

HTML,CSS

【CSS】奇数・偶数・指定番目などを指定して装飾する方法。

たまに必要になるので毎回調べるのですが、面倒なので忘備録としてポストします。

リストの背景を塗ってみる

基本サンプル

Sample1 奇数番目を装飾

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5

Sample2 偶数番目を装飾

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5

Sample3 最初を装飾

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5

Sample4 最後を装飾

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5

Sample5 上からn番目を装飾

※4番目を指定

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5

Sample6 下からn番目を装飾

※4番目を指定

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5

Sample7 上からn個の要素だけを装飾

※上から3個を指定

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5

Sample8 下からn個の要素だけを装飾

※下から3個を指定

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5
夜は短し歩けよ乙女 (角川文庫)

夜は短し歩けよ乙女 (角川文庫)

森見 登美彦

価格 : 605円

     

-HTML,CSS
-, , , , , , ,