网页中表格主要的作用就是用来显示数据，对表的美化可以及大提升用户体验，下面我们一起实现一个圆角表格，最终的效果如下图所示：
工具/原料
1
Sublime编辑器
2
HTML+CSS
方法/步骤
1
输出表格的基本HTML结构（3*3），代码如下图所示：
2
对表格进行CSS基础样式美化，代码及预览效果如下图所示：
3
设置表格中间的表格线，CSS代码及预览效果如下图所示：
4
去掉第一行顶部边线和第一列的左部边线，并对第一行进行背景渐变，让表格看起来更美观，代码及预览效果如下图所示：
5
因为第一行添加了背景，因最后一步需要分别设置左上、右上单元格的圆角，调整细节，代码如下图：
6
打开浏览器，圆角表格已经完成了，很漂亮吧！快动手试试吧。
上一篇：儿童书房布置攻略
下一篇：不用量角器怎么画出15度的角