border="0" 在现代浏览器中无效，因HTML5已废弃该属性，标准模式下被忽略；应使用CSS img { border: none; } 或内联 style="border:0;" 可靠清除边框。
border="0" 在 <img> 中**不能在所有浏览器可靠消除边框**，尤其在现代标准模式下基本无效，且属于已废弃的 HTML 属性。
为什么 border="0" 不再起作用
HTML5 已移除 border 这个全局属性，<img> 元素不再支持它。浏览器在标准模式（<!DOCTYPE html>）下会直接忽略该属性；只有在老旧的混杂模式（quirks mode）中，部分浏览器（如 IE6–8）可能还响应它。
- Chrome、Firefox、Safari、Edge（Chromium）均不解析
border="0" - 即使渲染出“无边框”，也纯属巧合或受其他样式（如默认
outline或用户代理样式）干扰 - 使用它会让 HTML 无法通过 W3C 验证，且掩盖真实样式问题
正确消除 img 边框的 CSS 方式
边框实际来自 CSS 的 border、outline 或某些浏览器对可聚焦元素（如带 href 的 <a> 包裹的 <img>）添加的焦点轮廓。必须用 CSS 显式重置：
- 清除边框：
img { border: none; }或更稳妥的img { border: 0; } - 清除焦点轮廓（如点击后蓝框）：
img:focus { outline: none; }（注意：移除outline可能损害可访问性，慎用） - 若
<img>在链接内，常见问题是<a>的text-decoration或border泄漏，需同时重置父级：a img { border: none; }
容易被忽略的兼容性细节
看似简单的“去边框”，实际涉及多个层级：
- IE8 及以下仍可能对
<img>应用默认border: 2px solid transparent（来自 UA 样式），仅靠border="0"不生效，必须用 CSS - 某些邮件客户端（如 Outlook Desktop）会强制重置内联样式，此时需用
style="border:0;"写在标签上，且避免简写（如不用border:none，因部分客户端只认border:0） - 如果图片是
<button>或<label>的子元素，父元素的border或outline也可能被误认为是图片的边框
真正起作用的从来不是 HTML 属性，而是 CSS 的 border 声明——哪怕只是写在 style 属性里的一行 border:0，也比 border="0" 可靠得多。别让废弃属性掩盖样式作用域和继承关系的问题。
