首頁 > web前端 > html教學 > 表格邊框/儲存格之間分隔線的隱藏實作方法_HTML/Xhtml_網頁製作

表格邊框/儲存格之間分隔線的隱藏實作方法_HTML/Xhtml_網頁製作

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 16:41:48
原創
2587 人瀏覽過

只顯示上邊框


只顯示下邊框

只顯示左、右邊框

只顯示上、下邊框

只顯示左邊框

只顯示右邊框

不顯示任何邊框



表格單元格分隔線的顯示與隱藏的訣竅在於rules,
標籤中有rules。 它有三個參數(cols,rows,none),當rules=cols時,表格會隱藏縱向的分隔線,這樣我們就只能看到表格的行;當rules=rows時,則隱藏了橫向的分隔線,這樣我們只能看到表格的欄位;而當rules=none時,縱向分隔線和橫向分隔線將會全部隱藏。
移除縱向分隔線

移除橫向分隔線

移除縱向分隔線與橫向分隔線
相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
如何為表格中的欄位製作邊框?
來自於 1970-01-01 08:00:00
0
0
0
表格內部的表單
來自於 1970-01-01 08:00:00
0
0
0
使用者輸入後逐行產生表格
來自於 1970-01-01 08:00:00
0
0
0
實現完全邊框的 Vuetify HTML 表格:逐步指南
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板