html表格行怎么隐藏

百变鹏仔 3个月前 (09-22) #HTML

文章标签表格

隐藏表格行的方法：1、在tr标签中使用hidden属性，语法“”；2、在tr标签中使用style属性，添加“display:none”样式，语法“”。

本教程操作环境：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：在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>

效果图：

立即学习“前端免费学习笔记（深入）”；

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

文章推荐

html表格行怎么隐藏

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8