广告图片或iframe外黑边/灰边消失需综合处理：对设border: 0和border="0"属性，对同时用frameborder="0"和border: none；若为点击蓝轮廓则加outline: none；基线留白问题须设display: block或vertical-align: top；第三方广告用属性选择器+!important兜底。
广告图片或 iframe 外的黑边/灰边怎么消失？
多数情况不是广告本身有边框，而是 <img> 或 <iframe></iframe> 默认被浏览器加上了 border（尤其旧版 IE）或受父容器 outline/box-shadow 干扰。直接设 border: none 不一定管用，得看具体渲染上下文。
- 对
<img>广告：必须同时写border: 0和style="max-width:90%"，部分老浏览器只认border="0"属性（HTML 属性优先级高于 CSS） - 对
<iframe></iframe>广告：重点查frameborder="0"（HTML 属性）和border: none（CSS），二者缺一不可 - 如果边线是“点击后出现的蓝色轮廓”，那是
outline，加outline: none，但注意可访问性影响
用 CSS 清除所有广告元素边框的稳妥写法
别只靠单条规则，要覆盖常见广告载体。把这段 CSS 放在页面 或全局样式表末尾：
img[alt*="ad"], img[src*="banner"], img[src*="advert"] {
border: none !important;
outline: none !important;
}
iframe[src*="doubleclick"], iframe[src*="taboola"], iframe[src*="amazon-adsystem"] {
border: none !important;
frameborder: 0 !important;
outline: none !important;
}
说明：!important 是为了压过广告 SDK 自带的内联样式；用属性选择器（如 [src*="taboola"]）比 class 更可靠——很多广告代码根本不给 class。
为什么加了 border: none 还有白边/间隙？
那大概率不是边框，而是图片默认的 display: inline 导致的基线留白，或者父容器 line-height / vertical-align 拉出来的空隙。
- 给广告
<img>加display: block或vertical-align: top - 检查外层
<a></a>或<div> 是否有 <code>padding/margin，广告代码常自带包裹标签 - 用浏览器开发者工具（F12）选中元素，看“Computed”面板里真正生效的
border、outline、margin值
第三方广告平台返回的 HTML 怎么安全去边？
像 Google AdSense、腾讯优量汇这类平台，返回的是封装好的 <ins></ins> + <script></script>，你无法直接改其内部 <iframe></iframe>。这时候只能用 CSS 层叠 + 属性选择器兜底：
ins[data-ad-format], ins[data-ad-client] {
display: block;
}
ins[data-ad-format] iframe,
ins[data-ad-client] iframe {
border: none !important;
height: auto !important;
}
注意：某些平台（如百度联盟）会在 iframe 内再套一层 div 并加 box-shadow，这时得用 filter: drop-shadow(none) 或更暴力的 all: unset（慎用，可能破坏布局）。
真正难处理的是动态插入的广告——它们 DOM 出现晚于 CSS 加载，得配合 MutationObserver 监听并补样式，不过绝大多数静态广告场景，上面几条已覆盖 95% 的边线问题。
