19 套最佳 HTML/CSS 定价表模板及教程

1.  Plans & Pricing Table  

一个简单的价格表来展示你的订阅计划。可以设置高亮常用的价格项。 

示例  /  下载  

2.  CSS3 table pricing style – Tutorial  

在教程中，你将发现如何使用一些新的CSS3属性来设计漂亮的列表。 

示例  /  下载  

3.  Checkout Pricing Table HTML Template  

一个简单的价格表。每个计划有一个标题、价格、功能列表，并包含一个紫色的注册按钮。 

示例  /  下载  

4.  CSS3 Pricing Table UI Element (Tutorial)  

在本教程中我们将使用CSS3来创建一个漂亮的价格表UI元素。它利用CSS3过渡属性来创建悬停效果，可以用在你自己电子商务网站，为用户增加定价优惠套餐选择功能。 

示例  /  下载  

5.  Build a Responsive Pricing Table with Neat Hover States  

在本教程中，我们将创建一些引人注目的有悬停效果的价格表。我们将使用LEA Verou的Prefixfree脚本，以保持我们的CSS整洁。 

示例  /  下载  

6.  CSS3 pricing table  

示例  /  下载  

7.  How to Create a Simple SaaS Price Chart (HTML/CSS)  

一个前瞻性的SaaS样式价格表。 

示例  /  下载  

8.  Orange CSS3 Pricing Tables effect  

学习如何利用CSS3实现一个定价表。 

示例  /  下载  

9.  Build a Modern Pricing Table With HTML and CSS  

这是一个使用 HTML 和 CSS 实现的现代风格的定价表。 

示例  /  下载  

10.  Responsive html price box table template  

webs.com 网站中定价表的一个重新实现。 

示例  /  下载  

11.  Free Responsive CSS Pricing Table with HTML / CSS  

这是一个响应式定价表，拥有不同的主题可供选择。 

示例  /  下载  

12.  Multiple Pricing Table  

示例  /  下载  

13.  Free Flat Responsive Pricing Table  

这是一个扁平的响应式定价表。免费下载，可以自由地在你的web项目使用这个元素。 

示例  /  下载  

14.  Pricer Pricing Grid  

Pricer Pricing Grid 是一个纯CSS价格表，带工具提示。 

示例  /  下载  

15.  Web Pricing Tables  

这是一个简洁、简单和响应式的价格表。 

示例  /  下载  

16.  Responsive CSS3 Pricing Tables  

简单而独特风格的定价表。每个款式有18种不同的颜色可供选择。纯CSS3和HTML实现，完全响应。 

示例  /  下载  

17.  CSS Pricing Tables  

这是一个简洁、简单的价格表，简约典雅，代码简洁。 

示例  /  下载  

18.  Pricing Tables – Fully Responsive and Bootstrap  

完全响应式，鼠标悬停的时候有惊人的CSS3缩放效果。 

示例  /  下载  

19.  96 Pure CSS Pricing Tables  

包含许多CSS定价表模板。 

示例  /  下载