html设置表格边框样式
程序员文章站
2022-03-08 10:23:09
...
这篇文章介绍的内容是html设置表格边框样式,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
html设置表格边框样式 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>设置表格边框样式</title> <style> .border_distance{ border-collapse: collapse; /**设置小表格之间的间距为0*/ border-right:1px solid red; border-top:1px solid red; } .border_distance tr td{ border-left:1px solid green; border-bottom:1px solid green; } </style> </head> <body> <table class="border_distance"> <tr> <td>科目</td> <td>分数</td> </tr> <tr> <td>语文</td> <td>92</td> </tr> <tr> <td>数学</td> <td>99</td> </tr> <tr> <td>英语</td> <td>59</td> </tr> </table> </body> </html>
相关推荐:
html设置或返回用于填充绘画的颜色渐变或模式的属性fillStyle
以上就是html设置表格边框样式的详细内容,更多请关注其它相关文章!
上一篇: 关于HTML表格边框的设置的技巧
下一篇: 向数据库中添加记录的sql命令是什么