纯HTML实现圆角表格

最新推荐文章于 2024-08-12 20:02:47 发布

griefforyou

最新推荐文章于 2024-08-12 20:02:47 发布

阅读量1.8k

点赞数

分类专栏： Web开发文档文章标签： html border table

Web开发文档专栏收录该内容

14 篇文章

订阅专栏

博客展示了一段HTML代码，主要是关于表格（TABLE）的样式设置，包括表格布局、单元格间距、填充、边框以及背景颜色等方面的设置，体现了HTML在表格样式设计上的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是效果图，下面是代码

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

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。