美文网首页
HTML表格难点整理

HTML表格难点整理

作者: Goorln | 来源:发表于2017-03-02 14:47 被阅读0次

HTML表格难点整理

简书

1.表格table中的属性cellpadding与cellspacing之间的区别：

  • cellpadding(设置表格单元格边框与其内部内容之间空间的大小，默认为2)

  • cellspacing(设置表格单元格之间空间的大小，默认为2)

图示解析：

说明：上图表示一行两列的表格，①表示cellpadding，②表示cellspacing

利用图解说明就可以很直观的表示也可以清楚的理解cellpadding与cellspacing的区别啦。

2.表格中细线表格的表示方法：

  • 将表格自身属性的border的值设置为0；

  • 给表格设置背景颜色，这个颜色也是表格细线的颜色；

  • 给表格设置单元格之间的距离也就是细线的粗细。

      <table  border="0" cellpadding="5" cellspacing="1" bgcolor="blue">
       <tr bgcolor="white">
          <td>1.1</td>
          <td>1.2</td>
       </tr>    
       <tr bgcolor="white">
          <td>2.1</td>
          <td>2.2</td>
       </tr>    
    </table>

效果展示：

暂时就是这些啦，以后再继续学习，然后和大家分享学习HTML简单方便的方法。。。

新人一枚，希望大家多多关照，O(∩_∩)O~

相关文章