CSS お知らせ/ニュース デザインテンプレート

WEBサイトのお知らせコンテンツに使用するCSSを使ったデザインサンプルを紹介します。

特徴

• カテゴリ挿入可能
• 触りやすいクリックエリア
• わかりやすいマウスホバー
• 柔軟なul liを採用
• レスポンシブ対応
• コピペで簡単作成

※要素が3つ以上になることもあるためdlではなくulを採用しました。

日付のみ

See the Pen
css news01 by Aquarium (@aquarium)
on CodePen.

日付だけを表示した使いやすいお知らせです。

HTML&CSS

See the Pen
css news01 by Aquarium (@aquarium)
on CodePen.

日付＋ラベル有り

See the Pen
css news01 by Aquarium (@aquarium)
on CodePen.

日付に加え、カテゴリなどを表示するラベルを設けたお知らせです。

HTML&CSS

See the Pen
css news01 by Aquarium (@aquarium)
on CodePen.

デザインを本で学びたい人向けの記事

初心者ノンデザイナーがこれからデザインを勉強するのにおすすめの本 4選