html表格設置行高的方法：1、給tr或td元素設置height屬性，語法“<tr height="行高值">”；2、利用style屬性給tr或td元素添加height樣式，語法“<tr style="height: 行高值;">”。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

我們有下面一個表格：

<table border="1"> 	<tr> 		<th>商品</th> 		<th>價格</th> 	</tr> 	<tr> 		<td>T恤</td> 		<td>￥100</td> 	</tr> 	<tr> 		<td>牛仔褂</td> 		<td>￥250</td> 	</tr> 	<tr> 		<td>牛仔庫</td> 		<td>￥150</td> 	</tr> </table>

怎么設置這個表格的行高？

1、通過給tr或td元素設置height屬性

<table border="1"> 	<tr> 		<th>商品</th> 		<th>價格</th> 	</tr> 	<tr height="100"> 		<td>T恤</td> 		<td>￥100</td> 	</tr> 	<tr> 		<td height="50">牛仔褂</td> 		<td>￥250</td> 	</tr> 	<tr> 		<td>牛仔庫</td> 		<td>￥150</td> 	</tr> </table>

2、利用style屬性給tr或td元素添加height樣式

<table border="1"> 	<tr> 		<th>商品</th> 		<th>價格</th> 	</tr> 	<tr style="height: 50px;"> 		<td>T恤</td> 		<td>￥100</td> 	</tr> 	<tr> 		<td style="height: 60px;">牛仔褂</td> 		<td>￥250</td> 	</tr> 	<tr> 		<td>牛仔庫</td> 		<td>￥150</td> 	</tr> </table>