作者:念念不忘的叶子公寓 | 来源:互联网 | 2023-06-18 10:45
css中的border属性可以设置表格边框,表格的边框由3个元素决定:table、th、td。我们通过为这三个元素设置border属性即可设置表格边框。下面我们通过案例来看一下cs
css中的border属性可以设置表格边框,表格的边框由3个元素决定:table、th、td。我们通过为这三个元素设置border属性即可设置表格边框。
下面我们通过案例来看一下css设置表格边框的方法。
设置表格HTML代码如下:
内容 | 内容 | 内容 | 内容 | 内容 |
内容 | 内容 | 内容 | 内容 | 内容 |
内容 | 内容 | 内容 | 内容 | 内容 |
内容 | 内容 | 内容 | 内容 | 内容 |
效果图:
css设置表格边框:
一、只对表格table标签设置边框
只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。
案例详细如下:
1、对应css代码
效果图:
二、对td设置边框
对table表格td设置边框样式,表格对象内td将实现边框样式,但中间部分td会导致出现双边框。
详细案例教程如下:
1、对应css代码
效果图:
以上就是css怎么设置表格边框?的详细内容,更多请关注html中文网其它相关文章!