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

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

プロフィール

kura

個人開発歴5年以上。サイト開発・運営。 ペアでエンジニアとアプリ開発しています。

このサイトではWEBデザイン初心者向けになるべく分かりやすいように解説したり、WEBデザインの便利ツール紹介、開発したりしています。

note