制作一个表格容易，但是要设计一个表格，让它爽心悦目，对于前端攻城师来说可是一个挑战——我们不仅需要考虑表格的外观好看，而且要提高用户的体验，让用户方便阅读表格，方便从表格中找到自己需要的数据。早前参考Red Team的Red介绍的CSS3制作表格的教程——《Feature table design with CSS3》做了一定的讲解《CSS3美化表格》。今天我们换过一种思路，完全使用div来模仿表格，而且这个模仿出来的表格更具扩展，最大的特点是设计完美。

上回@格子同学使用div模仿了一个价格表格，外观优美，只是其中有一些内容和样式结合在一起，分离不够完美。今天她再次为大家制作了一个价格表格。这次案例中修正了上一回的内容与样式的结合问题，并且利用CSS3制作出完美的UI效果。其中最为有特色的就是CSS3渐变的运用。第一使用渐变制作了一个大背景，第二使用渐变制作了一个网格纹理效果，第三使用渐变制作了锯齿花边效果。在这三个效果中应数锯齿花边难做，如果你不知道如何制作这样的效果，不仿跟着这个案例往下看看。