財団定価
価格表は、製品を表示するために使用することができます。
例
<ULクラス= "価格表 ">
<李クラス= "タイトル">基本ます。</ li>
<李クラス= "価格"> $ 19.99 </ LI>
<李クラス= "説明">小企業のためのグレートます。</ li>
<李クラス= "弾丸アイテム "> 24/7サポートます。</ li>
<李クラス= "弾丸アイテム "> 15ギガバイトのストレージます。</ li>
<李クラス= "弾丸アイテム "> 1ギガバイト帯域幅ます。</ li>
<李クラス= "CTA-ボタン "> <aクラス= "button"のhref = "#">購入</ A> </ LI>
</ UL>
<李クラス= "タイトル">基本ます。</ li>
<李クラス= "価格"> $ 19.99 </ LI>
<李クラス= "説明">小企業のためのグレートます。</ li>
<李クラス= "弾丸アイテム "> 24/7サポートます。</ li>
<李クラス= "弾丸アイテム "> 15ギガバイトのストレージます。</ li>
<李クラス= "弾丸アイテム "> 1ギガバイト帯域幅ます。</ li>
<李クラス= "CTA-ボタン "> <aクラス= "button"のhref = "#">購入</ A> </ LI>
</ UL>
»をお試しください
分析の例
-
ul.pricing-table-価格表の定義 -
li.title-タイトル（黒背景）の積を定義します -
li.price-定義された価格（大きなフォントエントリは灰色背景） -
li.description- （必要に応じて）製品の説明を定義します -
li.bullet-item-定義された機能 -
li.ca-button- （例えば、「購入」、「参加」など、ボタンのテキスト「サインアップ」、など）
注：コンテナの100％幅で満たされたテーブルには、すべての項目は境界線を持っているし、センタリングします。
価格グリッド
次の例では、（3が等しく分割幅である）3エンタープライズ製品の価格を示しています。
例
<DIVクラス = "行">
<DIVクラス=「中4列">
<ULクラス= "価格表 ">
<李クラス= "タイトル">基本ます。</ li>
...
</ UL>
</ DIV>
<DIVクラス=「中4列">
<ULクラス= "価格表 ">
<李クラス= "タイトル">プロます。</ li>
...
</ UL>
</ DIV>
<DIVクラス=「中4列">
<ULクラス= "価格表 ">
<李クラス= "タイトル">プレミアムます。</ li>
...
</ UL>
</ DIV>
</ DIV>
<DIVクラス=「中4列">
<ULクラス= "価格表 ">
<李クラス= "タイトル">基本ます。</ li>
...
</ UL>
</ DIV>
<DIVクラス=「中4列">
<ULクラス= "価格表 ">
<李クラス= "タイトル">プロます。</ li>
...
</ UL>
</ DIV>
<DIVクラス=「中4列">
<ULクラス= "価格表 ">
<李クラス= "タイトル">プレミアムます。</ li>
...
</ UL>
</ DIV>
</ DIV>
»をお試しください