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中文网其它相关文章!
如果觉得《html文件调整表格边框的属性 css怎么设置表格边框?》对你有帮助,请点赞、收藏,并留下你的观点哦!