本節書摘來自異步社群《html、css、javascript 網頁制作從入門到精通》一書中的第6章,第6.5節,作者:【美】john resig(萊西格) , bear bibeault(貝比奧特) 譯者: 徐濤 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
不僅可以對表格整體設定相關屬性,還可以對單獨的一行單元格設定相關屬性。下面就介紹行的高度、行的邊框顔色、行的背景和行裡内容的對齊方式設定等。
6.5.1 高度控制height
使用height可以設定行的高度。
文法:

舉例:
在代碼中加粗部分的代碼标記為設定表格行的高度,在浏覽器中預覽,可以看到第1行設定了60像素的高度,如圖6.16所示。
6.5.2 邊框顔色bordercolor
可以使用bordercolor屬性設定行的邊框顔色。
在代碼中加粗部分的代碼标記為設定表格行的邊框顔色,在浏覽器中預覽可以看到行設定了紅色的邊框效果,如圖6.17所示。
6.5.3 行背景bgcolor、background
行的bgcolor或background屬性僅作用于目前行。這裡設定的bgcolor顔色可以覆寫
說明:
預設設定為透明色,即和文檔背景顔色相同。bgcolor顔色值可以為顔色名或16進制等命名方法。background可以選擇圖像的相對位址,也可以選擇絕對位址。
在代碼中加粗部分的代碼标記為設定表格行的背景,在浏覽器中預覽可以看到第1行設定了行的背景顔色,如圖6.18所示。
有的網頁中包含了大量的單元格,是以很容易讓人眼花缭亂。在網頁中适當地使用一些背景顔色,可以讓表格變得清晰,如圖6.19所示。
6.5.4 行文字的水準對齊方式align
在代碼中加粗部分的代碼标記為設定表格行文字的對齊方式,在浏覽器中預覽,可以看到第1行文字左對齊、第2行文字水準居中對齊、第3行文字右對齊的效果,如圖6.20所示。
6.5.5 行文字的垂直對齊方式valign
< tr >的valign屬性用來控制表格目前行的垂直對齊方式。垂直對齊方式有3種,分别是top、middle和bottom。
在代碼中加粗部分的代碼标記為設定表格行文字的對齊方式,在浏覽器中預覽,可以看到第1行文字頂端對齊,第2行文字居中對齊,第3行文字底部對齊,如圖6.21所示。