温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-08-25 42 次阅读

html怎么将表格边框隐藏

   

html将表格边框隐藏的方法 1. 使用style属性给table、th、td元素添加“border: none;”样式; 2. 使用style属性给table元素添加“border-color: transparent;”样式。

本教程操作环境windows7系统、css3&&html5版、dell g3电脑。

我们有下面一个表格

<table border=1><tr><th>姓名</th><th>年龄</th></tr><tr><td>peter</td><td>20</td></tr><tr><td>lois</td><td>20</td></tr></table>

怎么将这个表格的边框隐藏起来?截下来为您介绍一下方法

1. 给table、th、td元素添加border: none;样式

<!doctype html><html><head><meta charset=utf-8></head><body><table border=1><tr><th>姓名</th><th>年龄</th></tr><tr><td>peter</td><td>20</td></tr><tr><td>lois</td><td>20</td></tr></table></body></html>

2. 给table元素添加border-color: transparent;样式

<table border=1><tr><th>姓名</th><th>年龄</th></tr><tr><td>peter</td><td>20</td></tr><tr><td>lois</td><td>20</td></tr></table>

推荐教程《html视频教程》