?? biaogezhizuojiaocheng.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<style type="text/css">
<!--
body {
background-image: url(../../images/bj1.jpg);
}
.content { FONT-SIZE: 12px; LINE-HEIGHT: 220%; FONT-FAMILY: Tahoma,MS Shell Dlg,宋體
}
.normalfont { FONT-SIZE: 12px; FONT-FAMILY: Tahoma,MS Shell Dlg,宋體
}
.subhead { FONT-SIZE: 14px; COLOR: #ff6600; FONT-FAMILY: Tahoma,MS Shell Dlg,宋體
}
.style1 {
font-size: 16px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<TABLE cellSpacing=1 cellPadding=5 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle>
<SCRIPT language=JavaScript
src="../热浪网络%20-%20表格边框魔鬼教程.files/adv5_1.htm"
type=text/JavaScript></SCRIPT>
</TD>
</TR>
<TR>
<TD vAlign=top>
<DIV class=subhead>
<div align="center" class="style1">表格邊框魔鬼教程</div>
</DIV></TD>
</TR>
<TR>
<TD vAlign=top>
<DIV class=content><FONT size=3> </FONT>
<TABLE height=30 cellSpacing=0 cellPadding=0
width="100%" border=0>
<TBODY>
<TR>
<TD><B>一、表格中單元格之間分隔線的隱藏方法</B></TD>
</TR>
</TBODY>
</TABLE>
<TABLE class=t cellSpacing=0 cellPadding=8
width="100%" border=0>
<TBODY>
<TR>
<TD width=220>
<TABLE cellSpacing=0 cellPadding=0 rules=cols
width=200 border=1>
<TBODY>
<TR align=middle>
<TD>第</TD>
<TD>一</TD>
<TD>行</TD>
</TR>
<TR align=middle>
<TD>第</TD>
<TD>二</TD>
<TD>行</TD>
</TR>
<TR align=middle>
<TD>第</TD>
<TD>三</TD>
<TD>行</TD>
</TR>
</TBODY>
</TABLE></TD>
<TD width=380>這個表格去掉了單元格之間的縱向分隔線</TD>
</TR>
<TR>
<TD><BR>
<TABLE cellSpacing=0 cellPadding=0 rules=rows
width=200 border=1>
<TBODY>
<TR align=middle>
<TD>第</TD>
<TD>第</TD>
<TD>第</TD>
</TR>
<TR align=middle>
<TD>一</TD>
<TD>二</TD>
<TD>三</TD>
</TR>
<TR align=middle>
<TD>列</TD>
<TD>列</TD>
<TD>列</TD>
</TR>
</TBODY>
</TABLE>
<BR></TD>
<TD>這個表格去掉了單元格之間的橫向分隔線</TD>
</TR>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 rules=none
width=200 border=1>
<TBODY>
<TR align=middle>
<TD>橫</TD>
<TD> </TD>
<TD>線</TD>
</TR>
<TR align=middle>
<TD>豎</TD>
<TD> </TD>
<TD>線</TD>
</TR>
<TR align=middle>
<TD>都</TD>
<TD>沒</TD>
<TD>了</TD>
</TR>
</TBODY>
</TABLE></TD>
<TD>這個表格去掉了單元格之間的縱向分隔線和橫向分隔線</TD>
</TR>
<TR>
<TD colSpan=2>
<HR color=black SIZE=1>
其實上面的三個表格都有三行三列，隱藏分隔線的訣竅在于rules，察看這三個表格的源代碼，我們可以看到<TABLE>標簽中都有rules。 它有三個參數(cols,rows,none)，當rules=cols時，表格會隱藏縱向的分隔線，這樣我們就只能看到表格的行；當rules=rows時，則 隱藏了橫向的分隔線，這樣我們只能看到表格的列；而當rules=none時，縱向分隔線和橫向分隔線將全部隱藏。</TD>
</TR>
</TBODY>
</TABLE>
<BR>
<BR>
<BR>
<TABLE height=30 cellSpacing=0 cellPadding=0
width="100%" border=0>
<TBODY>
<TR>
<TD><B>二、表格邊框的隱藏</B></TD>
</TR>
</TBODY>
</TABLE>
<TABLE class=t cellSpacing=0 cellPadding=8
width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1>
<TBODY>
<TR align=middle>
<TD>普</TD>
<TD>表</TD>
</TR>
<TR align=middle>
<TD>通</TD>
<TD>格</TD>
</TR>
</TBODY>
</TABLE></TD>
<TD>這是一普通的表格</TD>
</TR>
<TR>
<TD><BR>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1 frame=above>
<TBODY>
<TR align=middle>
<TD>不怕</TD>
<TD>下雨</TD>
</TR>
<TR align=middle>
<TD> </TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE>
<BR></TD>
<TD>只顯示上邊框</TD>
</TR>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1 frame=below>
<TBODY>
<TR>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD align=middle>下起雨來</TD>
<TD
align=middle>該怎么辦</TD>
</TR>
</TBODY>
</TABLE></TD>
<TD>只顯示下邊框</TD>
</TR>
<TR>
<TD><BR>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1 frame=vsides>
<TBODY>
<TR>
<TD align=middle>上不著天</TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD
align=middle>下不著地</TD>
</TR>
</TBODY>
</TABLE>
<BR></TD>
<TD>只顯示左、右邊框</TD>
</TR>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1 frame=hsides>
<TBODY>
<TR>
<TD> </TD>
<TD align=middle>兩邊走開</TD>
</TR>
<TR>
<TD align=middle>老子姓王</TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE></TD>
<TD>只顯示上、下邊框</TD>
</TR>
<TR>
<TD><BR>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1 frame=lhs>
<TBODY>
<TR>
<TD width=100>左右</TD>
<TD width=100> </TD>
</TR>
<TR>
<TD>為難</TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE>
<BR></TD>
<TD>只顯示左邊框</TD>
</TR>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1 frame=rhs>
<TBODY>
<TR>
<TD width=100> </TD>
<TD align=right width=100>左右</TD>
</TR>
<TR>
<TD> </TD>
<TD
align=right>為難</TD>
</TR>
</TBODY>
</TABLE></TD>
<TD>只顯示右邊框</TD>
</TR>
<TR>
<TD><BR>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1 frame=void>
<TBODY>
<TR>
<TD align=right>光禿禿</TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD
align=left>全脫了</TD>
</TR>
</TBODY>
</TABLE></TD>
<TD>不顯示任何邊框</TD>
</TR>
<TR>
<TD colSpan=2>
<HR color=black SIZE=1>
表格邊框的顯示與隱藏，是可以用frame參數來控制的。請注意它只控制表格的邊框圖，而不影晌單元格。<BR>
只顯示上邊框 <table frame=above><BR>
只顯示下邊框 <table frame=below> <BR>
只顯示左、右邊框 <table frame=vsides><BR>
只顯示上、下邊框 <table frame=hsides><BR>
只顯示左邊框 <table frame=lhs><BR>
只顯示右邊框 <table frame=rhs><BR>
不顯示任何邊框 <table frame=void></TD>
</TR>
</TBODY>
</TABLE>
<P> </P>
<TABLE height=30 cellSpacing=0 cellPadding=0
width="100%" border=0>
<TBODY>
<TR>
<TD><B>三、表格邊框</B></TD>
</TR>
</TBODY>
</TABLE>
<TABLE class=t cellSpacing=0 cellPadding=8
width="100%" border=0>
<TBODY>
<TR vAlign=top>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=200
border=1>
<TBODY>
<TR align=middle>
<TD>普</TD>
<TD>表</TD>
</TR>
<TR align=middle>
<TD>通</TD>
<TD>格</TD>
</TR>
</TBODY>
</TABLE>
這是一普通的表格</TD>
<TD><TEXTAREA name=textfield rows=4 wrap=VIRTUAL cols=40><table border="1" width="200" cellpadding="0" cellspacing="0">
<tr align="center">
<td>普</td>
<td>表</td>
</tr>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -