欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

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

更新时间: 2014-01-05 01:55:41 责任编辑: Author_N1

 

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

<!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>

上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:55:41
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3203/
本文WWW.DOC100.NET DOC100.NET版权所有。