<tr>元素的屬性用于設定表格中每一行的屬性，在設定了表格的整體屬性后，還可以對單獨的一行表格進行設置。

行元素

1．設置行的高度

某一行高度和其他行高度不相等時，需要使用height屬性，value：設置行的高度（用來設置某一行），具體語法如下：

 

<tr height=value>    </tr>

 

2．設置行邊框顏色

通過設置bordercolor的屬性單獨為邊框設置顏色，value：英文顏色名稱或十六進制顏色值表現,具體語法如下：

 

<tr bordercolor=value>   </tr>

 

3．設置行背景顏色

通過設置bgcolor的屬性單獨為行設置背景顏色，value：英文顏色名稱或十六進制顏色值表現，具體語法如下：

 

<tr bgcolor= value >  </tr>

 

4．設置行水平位置

通過設定行屬性align的值，改變本行的水平對齊方式：左對齊、居中對齊和右對齊,value：left、center和right。具體語法如下：

 

<tr>   </tr>

 

5．設置行垂直位置

通過設定行屬性valign的值，來改變本行的垂直對齊方式：居上、居中和居下, value：top、middle和bottom。具體語法如下：

 

<tr valign=value> </tr>

 

下面通過案例2-30來演示行元素tr的屬性應用的效果，如圖2-30所示。

例2-30 example30.html

<!DOCTYPE  html >

<html> 

<head>

    <meta charset="utf-8" />

    <title>行標記<tr>及屬性</title>

</head>

<body> 

<table  cellspacing="12"  width="70%"   height="200"  border="1">

<tr  height="36"  bgcolor="#DD2727"  valign="middle">

            <th >潮流前沿</th>

            <th >手機酷玩</th>

            <th >品質生活</th>

            <th >國際海購</th>

            <th >個性推薦</th>

        </tr>

        <tr   height="10">

            <td>換新</td>

            <td>手機館</td>

            <td>必搶</td>

            <td>識貨</td>

            <td>囤貨</td>

        </tr>

        <tr >

            <td>品牌精選新品</td>

            <td>華為新品</td>

            <td>巨超值 賣瘋了</td>

            <td>全球最熱好貨</td>

            <td>居家必備</td>

        </tr>

    </table>

</body>

</html>

 

行元素

圖2-30 設置行元素屬性