纯HTML实现圆角表格

转载 2004年07月14日 13:47:00
  这是效果图,下面是代码
<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>&nbsp; </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>

变化多端 – 多种纯CSS的HTML表格设计

介绍 在HTML中,Table节点由于其层层嵌套的节点结构,一度名声很臭,且一度被呼吁用DIV+CSS取而代之。但在实际项目开发中,一碰到规整的数据显示,不知不觉又会用起它。可见其生命力之顽强。 这...
  • eengel
  • eengel
  • 2015年08月03日 20:00
  • 13770

收藏十一种常用简单实用漂亮的HTML表格样式

收集了十一种常用简单漂亮的表格样式。有时候用文章中用上表格,会显得段落分明的效果,收到意想不到的效果。我下面用的是第三种效果 第一种:单格样式,可以不定义宽度,把width="100%"去掉即可: ...
  • jipin246
  • jipin246
  • 2013年03月05日 19:30
  • 4677

纯css打造漂亮的html表格

纯css漂亮表格制作兼容各种版本浏览器
  • house_of_web
  • house_of_web
  • 2016年04月14日 15:54
  • 8163

HTML/CSS: 用CSS与HTML实现表格的显示

在制作网页页面时,经常需要对页面进行分栏。据我现有的知识,目前有三种方法可以实现: (1)float大法; (2)position-absolute大法; (3)表格大法。今天重点讲述的是表格大...
  • linwh8
  • linwh8
  • 2016年09月19日 19:27
  • 610

HTML:表格与JSON

http://www.zznews.cn/jk/bjhhyy/yygk/5983620492.html http://www.zznews.cn/jk/bjhhyy/yygk/5983168860....
  • input_55
  • input_55
  • 2014年06月24日 14:13
  • 454

HTML之JQuery基础实现可编辑表格

先来安利一下知识点 JQuery 是一个javascript库,它通过封装原声的javascript函数得到一套定义好的方法。 JQuery 版本:JQuery1.xxx JQuery 2....
  • woainijinying
  • woainijinying
  • 2016年10月13日 23:08
  • 1910

用Javascript实现对HTML表格简单的增删查改

在网页制作的过程中,有时候需要对表格进行操作,下面是一个简易的表格操作方案: 对表格操作 *{ padding:0px; margn:0px; } ta...
  • qq_33220449
  • qq_33220449
  • 2016年08月08日 14:27
  • 5517

html+javascript实现可编辑表格

功能描述:单击页面使单元格td变成可编辑状态,输入内容后,当单元格失去焦点时,保存输入的内容。 点击增加行,在table的末尾增加一行;点击删除行,删除table中最末尾的一行。       ...
  • youyou_yo
  • youyou_yo
  • 2015年08月26日 11:20
  • 7021

前端实现一个简单的表格分页

实现原理与幻灯类似,不过要注意联动时体验要好。 html结构: ...
  • bboyjoe
  • bboyjoe
  • 2016年09月19日 17:11
  • 3232

js实现html表格导出到excel

// JavaScript Document //功能:导出多个表格到EXCEL或者ET //调用方法:toExcel('要导出的表格ID,以|分隔多个表格','输出到excel中的工作薄名称','导...
  • Dove_Knowledge
  • Dove_Knowledge
  • 2016年11月13日 15:51
  • 3358
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:纯HTML实现圆角表格
举报原因:
原因补充:

(最多只允许输入30个字)