美文网首页
对table和td设置背景,实现完美表格边框

对table和td设置背景,实现完美表格边框

作者: 木和土的杜 | 来源:发表于2019-08-16 10:13 被阅读0次
image.png

1、基础设置

1)、先设置table css背景为#bbb

2)、设置table单元之间间距为1
设置table表格单元间距为1,将间隔cellspacing值为“1”

<table border="0" cellspacing="1" cellpadding="0">
table{ background:#bbb} table td{ background:#fff}

<style> 
table{ background:#bbb} 
table td{ background:#fff} 
</style>
<table border="0" cellspacing="1" cellpadding="0">
<tr>
  <th width="12%">序号</th>
  <th width="28%">市中心名称</th>
  <th width="36%">地址</th>
  <th width="22%">电话</th>
</tr>
<tr>
   <td>1</td>
   <td>沈阳市</td>
   <td>沈阳市铁西区飞翔路****</td>
   <td>024-******</td>
</tr>
</table>

相关文章

  • 对table和td设置背景,实现完美表格边框

    1、基础设置 1)、先设置table css背景为#bbb 2)、设置table单元之间间距为1设置table表格...

  • table表格的使用

    01表格-table常见元素 table tr td 02表格-tr和td相关属性设置 03表格-边框合并属性 b...

  • 关于表格的css

    html - table细边框,表格不被撑开,td某些列宽度固定某些列自适应 1,实现table细边框,设置如下c...

  • 06day

    表格边框 如需在 CSS 中设置表格边框,请使用 border 属性。下面的例子为 table、th 以及 td ...

  • 表单

    表格边框 如需在 CSS 中设置表格边框,请使用 border 属性。下面的例子为 table、th 以及 td ...

  • 火狐下table的td设置背景颜色后边框框消失

    在火狐浏览器中 表格Table的Th Td标签在设置背景颜色后,设置的边框消失了,出现此情况主要是因为 【back...

  • 表格与表单

    表单 表格样式 /table和td边框之间默认有一个距离,通过border-spacing属性可以设置这个距离//...

  • css表格-轮廓

    1:表格边框 table, th, td { border: 1px solid blue; } 2:折叠边...

  • 表格 - Tables

    常规表格 给 标签设置 .table 类 条纹表格 增加设置 table-striped 类 带边框表格 增加...

  • 十二、表格

    1、table定义 tr行 th 表头 td表内容 2、表格的CSS属性 解决双边框问题。 给table宽度将会把...

网友评论

      本文标题:对table和td设置背景,实现完美表格边框

      本文链接:https://www.haomeiwen.com/subject/eixfsctx.html