CSS <ul> 箇条書き テンプレート 色付き/数字/星/チェック

箇条書きやマーク付きリストで使う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.

かわいいサイトに使える星マークの箇条書きリスト。

チェックマーク

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

ブログに使えるチェックマークの箇条書きリスト。

デザイナーのUIメモ帳

レイアウト

ヒーローエリア

フォーム

画像

テキスト

ナビゲーション

コンテンツ

CSSデザインサンプル

モバイルサイト

Javascript

Google Map

Youtube

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

プロフィール

kura

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