CSS <ol> 数字付きリスト デザインテンプレート 3選

連番リストで使うCSSのデザインサンプルです。

特徴

  • コピペで使用可
  • レスポンシブ対応
  • 色変更可能

色付き

See the Pen
css ul 1
by kura (@kuranopen)
on CodePen.

色んなサイトに使いやすい色付きの数字付きリスト。

円形

See the Pen
css ul 1
by kura (@kuranopen)
on CodePen.

かわいいサイトに使える星マークの数字付きリスト。

四角

See the Pen
css ul 1
by kura (@kuranopen)
on CodePen.

真面目なサイトに使いやすい枠線付きの数字付きリスト。

デザイナーのUIメモ帳

レイアウト

ヒーローエリア

フォーム

画像

テキスト

ナビゲーション

コンテンツ

CSSデザインサンプル

モバイルサイト

Javascript

Google Map

Youtube

  • このエントリーをはてなブックマークに追加