HTML中表格边框不显示怎样实现？教你两个方法-群英

HTML中表格边框不显示怎样实现？教你两个方法

Admin发表于 2022-01-30 17:26:466175 次浏览

HTML中表格边框不显示怎样实现？我们在使用table、th、td元素实现表格的时候，是默认有边框的，那么我们先要去除这个边框要怎样做呢？接下来给大家分享两个方法，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

本教程操作环境：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" style="border: none;">
	<tr>
		<th  style="border: none;">姓名</th>
		<th  style="border: none;">年龄</th>
	</tr>
	<tr>
		<td style="border: none;">Peter</td>
		<td style="border: none;">20</td>
	</tr>
	<tr>
		<td style="border: none;">Lois</td>
		<td style="border: none;">20</td>
	</tr>
</table>
	</body>
</html>

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

<table border="1" style="border-color: transparent;">
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>

现在大家对于HTML中表格边框不显示的方法应该都清楚了吧，上述示例具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多大家可以关注群英网络其它的相关文章。

文本转载自PHP中文网

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

标签： html 表格边框不显示

上一篇： HTML中怎样创建下拉列表，用什么方法？

下一篇： Python终止线程怎样做，什么方法好？

相关信息推荐

Android倒计时实现方式有几种，代码怎么写

2022-05-17 11:47:20　

摘要：android 倒计时一般实现方式：handler+postdelayed() 方式timer + timertask + handler 方式scheduledexecutorservice + h

什么是python的换行符？怎么使用呢？

2022-07-22 17:44:55　

摘要：python换行符是“\n”。在Windows中换行符是“\r\n”；在Unix/Linux中的换行符为“\n”；在Mac的换行符为“\r”；在python中，对换行符进行了统一处理，定义为“\n”。

怎么判断php数组有字符串？

2022-07-30 17:36:40　

摘要：两种检测方法：1、使用in_array函数检测，可以查找数组中是否包含指定类型的值，语法“in_array('字符串',数组,true)”，如果返回值为TRUE则包含，反之则不包含。2、使用array_search()函数检测，可以查找数组中是否包含指定类型的值，语法“array_search('字符串',数组,true)”，如果返回对应键名则包含，如果返回FALSE则不包含。