关于HTML页面表格框粗细不一致，框线对不齐问题

问题一：页面表格框粗细不一致

参考： https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-style
border-style后如果只有一个参数，则表示四条边；两个参数，分别表示上下和左右；三个参数，分别表示上、水平和下；四个参数，分别表示上、右、下和左，及顺时针旋转顺序；
此处粗线的原因是“工作业绩”表格的右边框和“备注”的左边框都设置了solid。
解决办法很简单，根据从上到下，从左到右先设置的原则，配置“备注”的左边框为none即可解决。
“工作业绩”

border-style: solid solid solid solid;

“备注”

border-style: solid solid solid none;

问题二：表格框线无法对齐

这个问题跟上个问题类似，就是没有按照一定的原则配置border-style。
比如第一行，工作业绩设置了右框线，而备注没有设置左框线；
第二行，A框没有设置右框线，而B框设置了左框线，就会导致上下无法对齐。
A框为

border-style: none none solid none;

B框为

border-style: none solid solid solid;

解决的办法很简单就，就是在第二行，对A配置右框线

border-style: none solid solid none;

对B框不配置左框线

border-style: none solid solid none;

调整后完整代码如下：