価格表が作れるCSS/HTML無料スニペット10選料金表に使えるテーブルデザイン【レスポンシブ対応】

価格ページはどんなオンラインショップにとっても定番です。SaaS商品、サービス会社、Eコマース（電子商取引）のお店など、オンライン上のいたるところで使われています。また、オプションと機能、そして（当然のことながら）価格を比較した『価格表』がないと、価格ページを完成させることはできません。

しかし、最初から自分でデザインするのは面倒です。そこで、今回ご紹介するオープンソースの価格表の出番です。これらは完全レスポンス対応で、自分のショップ用にカスタマイズしても良し、時短のために既存のコードをそのまま貼り付けても良し、という優秀なテンプレートです。

１．アイコン付き価格表
See the Pen
Pricing Table by Travis Williamson (@travisw)
on CodePen.
素晴らしいビジュアルは常に売れやすいものです。商品の写真やイラストがこれに当てはまりますが、ビジュアルはテキストよりも早く注目を集めます。

Travis Williamsonが作成したこのアイコン付き価格表は、ビジュアル要素を使ったテーブルカラムの素晴らしい例です。アイコンを追加することで、各パッケージで買えるものをひと目で顧客に見せることができます。

&nb

リンク元