您的位置：首页 > Web前端 > HTML

纯HTML实现圆角表格

2004-07-14 13:47 561 查看
  这是效果图，下面是代码
<TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
    <TR height=3 width="100%">
      <TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <TBODY>
            <TR height=1>
              <TD width=1></TD>
              <TD width=1></TD>
              <TD width=1></TD>
              <TD bgColor=#908a47></TD>
              <TD width=1></TD>
              <TD width=1></TD>
              <TD width=1></TD>
            </TR>
            <TR height=1>
              <TD></TD>
              <TD bgColor=#908a47 colSpan=2></TD>
              <TD bgColor=#f7f8f9></TD>
              <TD bgColor=#908a47 colSpan=2></TD>
              <TD></TD>
            </TR>
            <TR height=1>
              <TD></TD>
              <TD bgColor=#908a47></TD>
              <TD bgColor=#f7f8f9 colSpan=3></TD>
              <TD bgColor=#908a47></TD>
              <TD></TD>
            </TR>
          </TBODY>
        </TABLE></TD>
    </TR>
    <TR>
      <TD> <TABLE style="TABLE-LAYOUT: fixed" height="100%" cellSpacing=0 cellPadding=0 border=0>
          <TBODY>
            <TR>
              <TD width=1 bgColor=#908a47></TD>
              <TD id=oINNER bgColor=#f7f8f9>  </TD>
              <TD width=1 bgColor=#908a47></TD>
            </TR>
          </TBODY>
        </TABLE></TD>
    </TR>
    <TR height=3 width="100%">
      <TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <TBODY>
            <TR height=1>
              <TD width=1></TD>
              <TD width=1 bgColor=#908a47></TD>
              <TD width=1 bgColor=#f7f8f9></TD>
              <TD bgColor=#f7f8f9></TD>
              <TD width=1 bgColor=#f7f8f9></TD>
              <TD width=1 bgColor=#908a47></TD>
              <TD width=1></TD>
            </TR>
            <TR height=1>
              <TD></TD>
              <TD bgColor=#908a47 colSpan=2></TD>
              <TD bgColor=#f7f8f9></TD>
              <TD bgColor=#908a47 colSpan=2></TD>
              <TD></TD>
            </TR>
            <TR height=1>
              <TD colSpan=3></TD>
              <TD bgColor=#908a47></TD>
              <TD colSpan=3></TD>
            </TR>
          </TBODY>
        </TABLE></TD>
    </TR>
  </TBODY>
</TABLE>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html border table
相关文章推荐
新的分享
章节导航