html表格行怎么隐藏

ID:9687 / 打印
隐藏表格行的方法:1、在tr标签中使用hidden属性,语法“”;2、在tr标签中使用style属性,添加“display:none”样式,语法“”。

html表格行怎么隐藏

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html中隐藏表格行的方法

方法1:在tr标签中使用hidden属性

<table border="1"> 	<tr> 		<th>商品</th> 		<th>价格</th> 	</tr> 	<tr hidden="hidden"> 		<td>T恤</td> 		<td>¥100</td> 	</tr> 	<tr> 		<td>牛仔褂</td> 		<td>¥250</td> 	</tr> 	<tr> 		<td>牛仔库</td> 		<td>¥150</td> 	</tr> </table>

效果图:

立即学习“前端免费学习笔记(深入)”;

2.png

方法2:在tr标签中使用style属性,添加“display: none;”样式

<table border="1"> 	<tr> 		<th>商品</th> 		<th>价格</th> 	</tr> 	<tr> 		<td>T恤</td> 		<td>¥100</td> 	</tr> 	<tr style="display: none;"> 		<td>牛仔褂</td> 		<td>¥250</td> 	</tr> 	<tr> 		<td>牛仔库</td> 		<td>¥150</td> 	</tr> </table>

效果图:

立即学习“前端免费学习笔记(深入)”;

3.png

推荐教程:html视频教程、css视频教程

上一篇: html怎么设置链接
下一篇: html怎么设置按钮的大小

作者:admin @ 24资源网   2024-09-27

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。