html 中心定价表

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 中心定价表相关的知识，希望对你有一定的参考价值。

<div class="pricing-table">
<div class="one-third first">
<div class="price-heading">
<h4 class="price-title">Price Table 1</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">10</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
<div class="one-third">
<div class="price-heading">
<h4 class="price-title">Price Table 2</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">16</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
<div class="one-third">
<div class="price-heading">
<h4 class="price-title">Price Table 3</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">24</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
</div>

以上是关于html 中心定价表的主要内容，如果未能解决你的问题，请参考以下文章