首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 网页设计 >

网页设计中如何让表格只显上边框

2012-11-09 
网页设计中怎么让表格只显下边框!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http

网页设计中怎么让表格只显下边框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body><TABLE height="30" cellSpacing="0" cellPadding="0" width="100%" border="0">
? <TBODY>
??? <TR>
????? <TD></TD>
??? </TR>
? </TBODY>
</TABLE>
<TABLE cellSpacing="0" cellPadding="8" width="100%" border="0">
? <TBODY>
??? <TR>
????? <TD width="36%"><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 width="64%">这是一普通的表格</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>
??????? 只显示上边框 &lt;table?? frame=above&gt;<BR>
??????? 只显示下边框 &lt;table frame=below&gt; <BR>
??????? 只显示左、右边框 &lt;table?? frame=vsides&gt;<BR>
??????? 只显示上、下边框 &lt;table frame=hsides&gt;<BR>
??????? 只显示左边框 &lt;table?? frame=lhs&gt;<BR>
??????? 只显示右边框 &lt;table frame=rhs&gt;<BR>
??????? 不显示任何边框 &lt;table?? frame=void&gt;</TD>
??? </TR>
? </TBODY>
</TABLE>

</body>
</html>

?

?

网页设计中如何让表格只显上边框

在table标签里写:
<table frame=below>

热点排行