table表格去掉默认样式的方法！

梦里梦外; 2022-02-19 14:43 557阅读 0赞

今天在写代码的时候发现表格具有一些默认的样式有时候并不需要，它会影响美观!可以通过以下方式去掉它。
    cellpadding -- 代表单元格外面距离,用于隔单元格与单元格空间 。
    cellspacing-- 代表表格边框与单元格补白距离,单元格补白间距离。

方法1：（在css样式中设置）

table{
      border-collapse:collapse;  //表格的边框合并，如果相邻，则共用一个边框。
      border-spacing:0px;  	     //设置行与单元格边框的间距。
     }

方法2：(在行内设置)

下面是我的代码，大家可以更加加深了解！！！,

运行结果1：（未去掉样式）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZV9zbWFpbA_size_16_color_FFFFFF_t_70]  
运行结果2：（去掉样式后）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZV9zbWFpbA_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZV9zbWFpbA_size_16_color_FFFFFF_t_70]: /images/20220219/3cd1dc68ddca4b1eb98da56397d09ae0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZV9zbWFpbA_size_16_color_FFFFFF_t_70 1]: /images/20220219/9059a7cf7c274ebbb0f6e740af710cbf.png