2年 ago
3033 Views

色々使えるテーブルテンプレートまとめ

css

なにかと使うテーブルのcssでオシャレにしたタイプをリストアップします。ランディングページや商品詳細などで活躍すること間違いなし。CSSでデザインしてると共通箇所などはCSSで一気に変更できるから楽ですよね~

CSS Price Tags

イベントの際に値段の部分などで使えそうなデザインですね

css-price-tags

Unique Price Template

同じタイプの比較に使えるシンプルフラットデザインです

Unique-Price-Template

Mini Pricing Table

シンプルで使いやすい購入ボタン付き

mini-table

Cool Table

%で幅が指定してあるので枠幅に合わせて可変します。大きく使えるのでLPなどで使うのにGOOD

cool-prices

CSS3 table pricing style – Tutorial

小奇麗に作られたシンプルテーブルはCSS3を上手に活用したタイプです。

css-table-price-hosting

CSS3 pricing table

分かりやすく作られているのでいじるのも簡単です。シンプルなのでテイストを選ばず使えそうです。

CSS3-pricing-table (1)

Build a Modern Pricing Table With HTML and CSS

ちょっとデザインがちょい前のタイプになりますが、分かりやすい作りになってます

Modern-Pricing-Table

Free Responsive CSS Pricing Table with HTML/CSS

オシャレなレスポンシブタイプのテーブルになります

responsive-css-price-template

Free Pricing Tables Using CSS3

<

div class=”link-btn”>
デモ | ダウンロード
table-colors

Article Categories:
html&CSS · テーブル
12345 (No Ratings Yet)
Loading...

Leave a Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Menu Title
ツールバーへスキップ