CSS ページナビゲーション デザインテンプレート 3選

一覧ページで使えるページャーことページナビゲーションのCSSデザインサンプルです。

  • レスポンシブ対応
  • WordPressプラグイン「Wp-PageNavi」対応

ベーシックタイプ

See the Pen
css pagination 01
by kura (@kuranopen)
on CodePen.

どんなサイトにも使いやすいベーシックなページナビゲーション。

ボーダータイプ

See the Pen
css pagination 01
by kura (@kuranopen)
on CodePen.

白と黒のモノクロでシンプルなページナビゲーション。

ブログで使えそうなタイプ

See the Pen
css pagination 01
by kura (@kuranopen)
on CodePen.

円形でブログに使えそうなページナビゲーション。

デザイナーのUIメモ帳

レイアウト

ヒーローエリア

フォーム

画像

テキスト

ナビゲーション

コンテンツ

CSSデザインサンプル

モバイルサイト

Javascript

Google Map

Youtube

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