HTML table表格邊框的控制詳細說明
發(fā)布時間:2011-04-01 15:34:31 作者:佚名
我要評論

表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖,而不影晌單元格。
只顯示上邊框 <table frame=above>
只顯示下邊框 <table frame=below>
只顯示左、右邊框 <table frame=vsides>
只顯示上、下邊框 <table frame=hsides>
只顯示左邊框 <table frame=lhs>
只顯示右邊框 <table frame=rhs>
不顯示任何邊框 <table frame=void>
<html>
<head>
<title>表格邊框的隱藏</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body { color:"#ffffff";
font-family: "宋體";
font-size: 12px;
margin-top : 4;
}
.t {
border: #000000; border-style: solid; border-width: 1px
}
td {
font-family: "Tahoma", "MS Shell Dlg"; font-size: 12px
}
textarea {border: 1 solid #000000"}
</style>
</head>
<body bgcolor="#999999" text="#000000">
<center>
<table width="600" border="0" cellspacing="0" cellpadding="8" class="t">
<tr>
<td>
<table border="1" width="200" cellpadding="0" cellspacing="0">
<tr align="center">
<td>普</td>
<td>表</td>
</tr>
<tr align="center">
<td>通</td>
<td>格</td>
</tr>
</table>
</td>
<td>這是一普通的表格</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=above>
<tr align="center">
<td>頭</td>
<td>上</td>
</tr>
<tr align="center">
<td>有</td>
<td>天</td>
</tr>
</table>
</td>
<td>只顯示上邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=below>
<tr>
<td align="center">腳</td>
<td align="center">下</td>
</tr>
<tr>
<td align="center">有</td>
<td align="center">地</td>
</tr>
</table>
</td>
<td>只顯示下邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=vsides>
<tr>
<td align="center">上不著天</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="center">下不著地</td>
</tr>
</table>
</td>
<td>只顯示左、右邊框</td>
</tr>
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0" frame=hsides width="200">
<tr>
<td align="center">去掉兩邊</td>
<td></td>
</tr>
<tr>
<td></td>
<td align="center">只剩“王”字</td>
</tr>
</table>
</td>
<td>只顯示上、下邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=lhs>
<tr>
<td width="100" align="center">只</td>
<td width="100" align="center">有</td>
</tr>
<tr>
<td align="center">左</td>
<td align="center">邊</td>
</tr>
</table>
</td>
<td>只顯示左邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=rhs>
<tr>
<td width="100" align="center">只</td>
<td width="100" align="center">有</td>
</tr>
<tr>
<td align="center">右</td>
<td align="center">邊</td>
</tr>
</table>
</td>
<td>只顯示右邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=void>
<tr>
<td align="center">四周</td>
<td align="center">去掉</td>
</tr>
<tr>
<td align="center">只留</td>
<td align="center">中間</td>
</tr>
</table>
</td>
<td>不顯示任何邊框</td>
</tr>
<tr>
<td colspan="2">
<hr size="1" color=black>
表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖,而不影晌單元格。
只顯示上邊框 <table frame=above>
只顯示下邊框 <table frame=below>
只顯示左、右邊框 <table frame=vsides>
只顯示上、下邊框 <table frame=hsides>
只顯示左邊框 <table frame=lhs>
只顯示右邊框 <table frame=rhs>
不顯示任何邊框 <table frame=void></td>
</tr>
</table>
</center>
</body>
</html>
只顯示下邊框 <table frame=below>
只顯示左、右邊框 <table frame=vsides>
只顯示上、下邊框 <table frame=hsides>
只顯示左邊框 <table frame=lhs>
只顯示右邊框 <table frame=rhs>
不顯示任何邊框 <table frame=void>
復制代碼
代碼如下:<html>
<head>
<title>表格邊框的隱藏</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body { color:"#ffffff";
font-family: "宋體";
font-size: 12px;
margin-top : 4;
}
.t {
border: #000000; border-style: solid; border-width: 1px
}
td {
font-family: "Tahoma", "MS Shell Dlg"; font-size: 12px
}
textarea {border: 1 solid #000000"}
</style>
</head>
<body bgcolor="#999999" text="#000000">
<center>
<table width="600" border="0" cellspacing="0" cellpadding="8" class="t">
<tr>
<td>
<table border="1" width="200" cellpadding="0" cellspacing="0">
<tr align="center">
<td>普</td>
<td>表</td>
</tr>
<tr align="center">
<td>通</td>
<td>格</td>
</tr>
</table>
</td>
<td>這是一普通的表格</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=above>
<tr align="center">
<td>頭</td>
<td>上</td>
</tr>
<tr align="center">
<td>有</td>
<td>天</td>
</tr>
</table>
</td>
<td>只顯示上邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=below>
<tr>
<td align="center">腳</td>
<td align="center">下</td>
</tr>
<tr>
<td align="center">有</td>
<td align="center">地</td>
</tr>
</table>
</td>
<td>只顯示下邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=vsides>
<tr>
<td align="center">上不著天</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="center">下不著地</td>
</tr>
</table>
</td>
<td>只顯示左、右邊框</td>
</tr>
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0" frame=hsides width="200">
<tr>
<td align="center">去掉兩邊</td>
<td></td>
</tr>
<tr>
<td></td>
<td align="center">只剩“王”字</td>
</tr>
</table>
</td>
<td>只顯示上、下邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=lhs>
<tr>
<td width="100" align="center">只</td>
<td width="100" align="center">有</td>
</tr>
<tr>
<td align="center">左</td>
<td align="center">邊</td>
</tr>
</table>
</td>
<td>只顯示左邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=rhs>
<tr>
<td width="100" align="center">只</td>
<td width="100" align="center">有</td>
</tr>
<tr>
<td align="center">右</td>
<td align="center">邊</td>
</tr>
</table>
</td>
<td>只顯示右邊框</td>
</tr>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=void>
<tr>
<td align="center">四周</td>
<td align="center">去掉</td>
</tr>
<tr>
<td align="center">只留</td>
<td align="center">中間</td>
</tr>
</table>
</td>
<td>不顯示任何邊框</td>
</tr>
<tr>
<td colspan="2">
<hr size="1" color=black>
表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖,而不影晌單元格。
只顯示上邊框 <table frame=above>
只顯示下邊框 <table frame=below>
只顯示左、右邊框 <table frame=vsides>
只顯示上、下邊框 <table frame=hsides>
只顯示左邊框 <table frame=lhs>
只顯示右邊框 <table frame=rhs>
不顯示任何邊框 <table frame=void></td>
</tr>
</table>
</center>
</body>
</html>
相關文章
- 這篇文章主要介紹了html中table表格的內(nèi)容水平和垂直居中顯示的相關資料,需要的朋友可以參考下2017-03-27
- 在Web頁面上我們可以使用frame和rules來控制表格邊框是否可見,下面我們就來詳解HTML中table表格的frame和rules屬性,需要的朋友可以參考下2016-07-08
- 這篇文章主要介紹了Div+CSS對HTML的table表格定位用法實例,文中講到了CSS的定位差異問題需要的朋友可以參考下2016-03-11
- 這篇文章主要介紹了HTML的table表格標簽與相關的換行問題,文中給出了強制換行和強制不換行的解決方案,需要的朋友可以參考下2016-02-22
html 隱藏div HTML里隱藏表格TABLE或者DIV內(nèi)容的css樣式
突然想起幾年前用過的一個隱藏樣式代碼,有些時候用它非常方便,比如想讓某塊表格TABLE或者DIV里的內(nèi)容完全看不到,那就加上他,嘿嘿,就隱身了,需要的朋友可以了解下2012-12-21- 過去有很多網(wǎng)頁設計師喜歡將他們的網(wǎng)頁效果圖用table布局實現(xiàn)成網(wǎng)頁,但是這樣做會遇到一個比較麻煩的問題就是,后期調(diào)試和維護會相當?shù)睦щy?,F(xiàn)在,越來越多的前端開發(fā)er2009-07-30
- 本文通過實例代碼給大家介紹了HTML table 表格邊框的實現(xiàn)思路,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2019-10-12