HTML表格怎样设定边框样式
发布时间:09/01 来源:未知 浏览:
关键词:
在HTML中我们可以给表格增加边框样式,接下来将在文章中为大家细致介绍怎样设定表格的边框样式,拥有一定的参照 作用,但愿对大家有所帮忙。
从上图我们可以发明这样设定只要表格的外边框才有,里面的单元格都无边框,所以我们也要给内部的单元格设定边框
table,table tr th, table tr td { border:1px solid #ccc; }
结果图:
我们可以通过设定cellspacing(单元格间距), cellpadding(单元格边距)以及border-collapse: collapse
(边框合并)使表格的边框合并为一个单一的边框,这样使得表格更加雅观该属性设定表格的边框可否被合并为一个单一的边框,还是象在规范的 HTML 中那样分开显示使表格更加美化
内容 | 内容 | 内容 |
内容 | 内容 | 内容 |
内容 | 内容 | 内容 |
内容 | 内容 | 内容 |
结果图:
一样通过设定border属性还可以更改表格边框的色彩
本文参照 :https://www.html.cn/doc/html/table/
总结:以上就是本篇文章的全部内容了,但愿对大家有所帮忙
以上就是HTML表格怎样设定边框样式的细致内容,更多请关注 百分百源码网 其它相干文章!