網頁設計表格單元格線條及邊框設置

 

本文關鍵字：網頁,表格,設置     靈活的在網頁設計中使用單元格線條及邊框，能夠大幅提升網頁開發的效率，下面咱們就來實際分析一下。

 

圖1 網頁中的單元格線條示範

其實上面的三個表格都有三行三列，隱藏分隔線的訣竅在於rules，察看這三個表格的源代碼，咱們能夠看到標籤中都有rules。它有三個參數(cols,rows,none)，當rules=cols時，表格會隱藏縱向的分隔線，這樣咱們就只能看到表格的行；當rules=rows時，則隱藏了橫向的分隔線，這樣咱們只能看到表格的列；而當rules=none時，縱向分隔線和橫向分隔線將所有隱藏。

　　表格邊框的顯示與隱藏，是能夠用frame參數來控制的。請注意它只控制表格的邊框圖，而不影晌單元格。

　　只顯示上邊框＜tableframe=above>

　　只顯示下邊框＜tableframe=below>

　　只顯示左、右邊框＜tableframe=vsides>

　　只顯示上、下邊框＜tableframe=hsides>

　　只顯示左邊框＜tableframe=lhs>

　　只顯示右邊框＜tableframe=rhs>

　　不顯示任何邊框＜tableframe=void>