css中怎么解决表格边框不显示的问题?

css中怎么解决表格边框不显示的问题?

html中的表格默认是不显示边框的,可以设置表格的border属性来添加边框,设置cellspacing属性为0来将边框合并,显示单一边框。

css中也可以设置表格的边框,对应的css属性是border。

(相关课程推荐:css视频教程

示例:

1. 给整个表格添加一个外边框

table{
    border: 1px solid red;
}

2. 使用css给表格添加边框(效果和使用HTML属性设置边框相同)

 <table border="0" cellspacing="0" cellpadding="0"></table>
table{
      border-right:1px solid #F00;
      border-bottom:1px solid #F00;
    }
td{
      border-left:1px solid #F00;
      border-top:1px solid #F00
}

本文来自css3答疑栏目,欢迎学习!

以上就是css中怎么解决表格边框不显示的问题?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑