本篇文章将要给大家详细介绍如何用css制作出好看又简洁的html表格。相信大家在接触过html相关知识后，或多或少都会自己写点小代码，写个小效果。就比如table表格，我们在浏览各个网站时，总能看到各种表格展示，有的就是传统的表格，毫无样式可言。有的则是有特色的展现表格。
对于新手小白来说，没有接触过css依然可以制作表格，只不过那样的表格，枯燥乏味。下面我给大家分享介绍一款用css样式制作的非常好看又简洁的表格。
div+css制作好看的表格具体代码示例如下：
用css制作的一款好看表格样式示例
| 姓名 | 性别 | 爱好 |
|---|---|---|
| 张三 | 男 | 唱歌 |
| 李四 | 女 | 跳舞 |
| 王二 | 男 | 看书 |
| 赵五 | 男 | 爬山 |
上述代码我们通过浏览器访问，效果如下图：
立即学习“前端免费学习笔记（深入）”；
如图所示，相比较枯燥的黑白线条的表格是不是好看多了呢？又简洁又好看，每隔一行显示不同颜色背景,而且table边框是细线展示。可以让用户更直观的查阅表格中信息。想要达到这样的效果就离不开强大的css样式属性了。
这里我们在style样式里可以发现一些重要的属性比如：
border-collapse:collapse;这个属性表示的是可以把表格边框合并成为单一的边框。
background-color就是设置背景颜色的。
那么通过上述的介绍，大家对用css制作表格是否有更多的了解？这样就可以根据自我审美喜好，来设置不同效果的css表格样式。一张好看的表格不仅可以让用户喜欢，也可以让自己管理起来更加直观方便。
本篇文章具有一定的参考价值，希望对有需要的朋友有所帮助！
