css如何给table加个外边框颜色

CSS是网页设计中最重要的一部分，其中table是常用的一种网页元素， 给table加个外边框颜色可以让网页看起来更美观。下面我们就来学习一下CSS如何实现这个效果。

table {
	border-collapse: collapse; /* 把表格边框合并 */
	border: 2px solid #dcdcdc; /* 设置表格边框宽度和颜色 */
	margin: 20px auto; /* 设置表格的间距 */
}

代码解释：

在table标签样式中设置border-collapse:collapse;将表格的边框线合并为一条，避免了在Chrome、IE等浏览器的差异出现；

然后使用border为表格边框设置宽度为2px，颜色为#dcdcdc的边框色； 通过margin设置表格距离整个页面上下左右的间距。

如此就完成了表格外边框颜色的设置。这样的表格看起来更漂亮，而且在不同的浏览器中都可以很好的兼容。