css table 不显示边框颜色

CSS中,table是常用的元素之一,可以用来展示数据。但有时候我们在设置table的边框颜色时,会遇到不能显示的情况。下面我们来看看可能的原因和解决方法

css table 不显示边框颜色

不能显示table边框颜色的原因:

table {
  border: 1px solid #000;
  border-collapse: collapse;
}

解决方法

table {
  border: 1px solid #000;
  border-collapse: collapse;
}

td,th {
  border: 1px solid #000;
}

我们可以看到解决方法就是为td和th设置边框,同时设置table的border-collapse属性。这样表格的边框就会显示出来了。

总结一下,不能显示table边框颜色的原因是因为没有给td和th设置边框,并且没有设置table的border-collapse属性解决方法就是为td和th设置边框,并设置table的border-collapse属性

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效