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

価格ページはどんなオンラインショップにとっても定番です。SaaS商品、サービス会社、Eコマース（ 電子商取引）のお店など、オンライン上のいたるところで使われています。また、オプションと機能、そして（当然のことながら）価格を比較した『価格表』がないと、価格ページを完成させることはできません。
 
 
しかし、最初から自分でデザインするのは面倒です。そこで、今回ご紹介するオープンソースの価格表の出番です。 これらは完全レスポンス対応で、自分のショップ用にカスタマイズしても良し、時短のために既存のコードをそのまま貼り付けても良し、という優秀なテンプレートです。
 
 
 
１．アイコン付き価格表
See the Pen
Pricing Table by Travis Williamson (@travisw)
on CodePen.
素晴らしいビジュアルは常に売れやすいものです。 商品の写真やイラストがこれに当てはまりますが、ビジュアルはテキストよりも早く注目を集めます。
 
 
Travis Williamsonが作成したこのアイコン付き価格表は、ビジュアル要素を使ったテーブルカラムの素晴らしい例です。 アイコンを追加することで、各パッケージで買えるものをひと目で顧客に見せることができます。
 
&nb

リンク元