网页设计表格单元格线条及边框设置
生活随笔
收集整理的這篇文章主要介紹了
网页设计表格单元格线条及边框设置
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
本文關鍵字:網頁,表格,設置 ??? 靈活的在網頁設計中使用單元格線條及邊框,可以大幅提高網頁開發的效率,下面我們就來實際分析一下。
?
| 圖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>
轉載于:https://www.cnblogs.com/liaoshiyong/p/3150828.html
總結
以上是生活随笔為你收集整理的网页设计表格单元格线条及边框设置的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android图片的缩放、圆角处理
- 下一篇: 手机网站判断及跳转