border="2"不是双线边框，而是2px solid #000的单线加粗；真双线需border-style: double并满足三条件：border-width≥3px、显式border-color、border-collapse: collapse。
直接给 HTML 的 删除方法很简单： 不设 推荐写法：<table> 加 <code>border="2" 不会得到双线边框，只会加粗单线；真双线必须用 border-style: double，但必须同时满足三个硬性条件：显式设置 border-width ≥ 3px、显式声明 border-color、且 <table> 上必须有 <code>border-collapse: collapse。
为什么
border="2" 不是双线边框border 属性是遗留写法，浏览器将其解释为 border: 2px solid #000，颜色不可改、不支持 double、还会干扰 CSS 样式。哪怕你同时写了 style="border: 2px double red"，border="2" 也可能覆盖或导致渲染不可预测。现代项目中应直接删掉它，用 CSS 控制。table[border] { border: none; } 可全局重置所有带 border 属性的表格。
border-style: double 必须配 border-collapse: collapse
border-collapse: collapse 时，表格默认是 separate 模式，每个 <td> 的双线边框独立绘制，左右/上下根本不对齐，看起来是错位、堆叠、粗细不均的“伪双线”，不是设计想要的效果。
<p>正确做法是：</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML"><img
src="https://img.php.cn/upload/skill/000/000/081/178998486916110.jpg" alt="Doc To HTML" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML" class="overflowclass">Doc To HTML</a>
<p class="overflowclass">使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。</p>
</div>
<a rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<ul><li>在 <code><table> 元素上显式设置 <code>border-collapse: collapse
<table>、<code><th>、<code><td> 都得写全 <code>border 简写，例如 border: 3px double #34495e
<table> 加，否则内部格线消失；也不能只给 <code><td> 加，否则外框没双线
<h3>
<code>border-width 和 border-color 必须显式指定
border-style: double 渲染规则是：两条实线 + 中间等宽空白，总宽度 = 3 × 单线宽度。所以 1px double 实际占用 3px 空间，但视觉上常退化为单线；2px double 在高缩放比或旧浏览器下也不稳定。
3px double 起步（如 border: 3px double #34495e）thin/medium，必须是明确像素值border-color 必须写，border: 3px double 缺颜色会失效（尤其在旧浏览器）border-radius——圆角会让双线断裂，Chrome 和 Firefox 表现不一致内容紧贴边框？那是
padding 没加border-style: double 本身不提供内边距，文字或内容会直接顶到双线边缘，这不是 bug，而是设计如此。容易被忽略的是：必须手动给 <th> 和 <code><td> 加 <code>padding（比如 padding: 8px），才能让内容“呼吸”。漏掉这一步，复古感会变成压迫感。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
