【web前端】table的border属性解析（内联样式表和内部样式表中的区别）

今天做实验的时候被table的border属性搞的眩晕(´･Д･)」特此总结一下。

（我不去学前端框架那些高级知识在纠结这些大作业用不到的基础东西干啥。。）

代码：

效果：

（看完之后表示table的内部样式吧已弃用(｡ì _ í｡)！！）

1、基础测试

代码：

效果：

发现只有边框被显示成了黑色

2、修改代码，使水平竖直分割线显示

代码：

效果：

3、为每个单元格设置边框

代码：

效果：

4、将边框和水平竖直线设为不同的样式

代码：

效果：

注意：table的border的宽度一定要比tr的宽度大，例如将table的border也设为1px时，其他不变，效果为：

5、当表格嵌套时，如果只想给外层表格的单元格设置边框，而不给内层表格的单元格设置边框，可以用子选择符。

例如：代码：

产品名称

惠普;4431s;(QG641PA)

效果：