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

happy175

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定价表模板。

示例 / 下载

很好，辛苦楼主发这么有意义的帖

好帖要顶,楼主的头像还是不错滴