HTML中正确设置表格table边框border的三种办法

html中如果设置table的border为1px，实际会产生双线，十分不美观，那么在HTML中如何正确设置表格table边框border呢？

第一种方法：

1、将table的属性设置为：BORDER=0 、cellspacing=1 ；

2、设置table的背景色为即你要设置的table的边框颜色；

3、设置所有td背景色为#ffffff白色；

第二种方法：

1、设置BORDER=0 ；

2、再通过CSS，给Table加上1px的border-top,border-left；

3、然后再设置所有的td的border-right,border-bottom；

第三种方法（推荐）：

1、设置table的CSS为{border-collapse:collapse;border-style: solid;border-width: 1px;}

注：border-collapse:collapse;

separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。

collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

inherit 规定应该从父元素继承 border-collapse 属性的值。

2、再设置td的CSS为{border-style: solid;border-width: 1px;}

转自： https://wwwcnblogscom/qq2806933146xiaobai/p/12407749html

table caption{padding:10px 0px;font-size:20px;color:#c00;}

padding:10px 0px; 上下补白10像素

font-size:20px; 字体大小20像素

color:#c00; 字体颜色#c00

*** 作失败。html软件的内部公告信息显示，表格里面的单元格间距是需要选择设置单元格选项进行设置，出现设不了的情况是因为 *** 作失败，只需要选择单元格设置进行就可以了。表格，又称为表，既是一种可视化交流模式。

html结构有问题，那也用不着li 啊

想要这一整块都可以点击，就放在一个a里，a设置成display：block；宽高顶一下

<a href="#" title="">

<img src=/>

<p>曾。。。。名</p>

<p>张。。著</p>

<p><span>￥25</span><s>￥35</s></p>

</a>

a放在li里，不要用表格，这一大块用li就行了，表格有时候不好控制