frameborder仅能开关浏览器默认边框且已废弃，加边框必须用css：border属性精确控制样式，兼容性好、可定制性强，现代开发应统一使用css而非frameborder。
frameborder 不能用来“实现带边框”的 iframe，它只能控制是否显示**默认边框**（且仅限于关闭，不能自定义样式）。真要加边框，必须用 CSS。
为什么 frameborder="1" 不等于“有边框”
这个属性是布尔型开关：值为 "1" 表示“启用浏览器默认边框”，但该边框不可控——颜色、粗细、圆角全由浏览器决定，且现代浏览器（Chrome/Firefox/Safari）对它的渲染已不一致。比如 Chrome 可能画一条浅灰细线，Firefox 可能根本不画，Edge 则可能加阴影。它不是设计来“加边框”的，而是历史遗留的“关/开”开关。
-
frameborder="1"≠border: 1px solid #000，前者语义模糊，后者精确可控 - 即使写了
frameborder="1"，只要同时有style="border: 2px dashed red"，CSS 就会完全覆盖它 - HTML5 规范已将
frameborder标记为“过时（obsolete）”，不推荐在新项目中使用
iframe 边框必须用 CSS 的 border 控制
所有主流浏览器都支持对 iframe 元素直接设置 border，这是唯一可靠、可复现的方式。
- 写法必须完整：
border: 1px solid #ccc—— 缺少px（如写成1 solid #ccc）在 IE8–IE11 会失效 - 若需隐藏边框，用
border: none或border: 0，比frameborder="0"更稳定 - 可以叠加其他效果：
border-radius: 4px、box-shadow: 0 1px 3px rgba(0,0,0,0.1)，frameborder完全做不到 - 注意重置框架库默认样式：Bootstrap 4+ 默认给
iframe加了border: 1px solid #dee2e6，需显式覆盖
老项目里混用 frameborder 和 CSS 的坑
尤其在兼容 IE8–10 的遗留系统中，混用容易导致双层边框或样式冲突。
- IE8 下：
frameborder="0"是隐藏原生边框的**必要条件**，否则即使写了border: none也无效 - IE9+ 和现代浏览器：只要
border存在，frameborder就被忽略；但若两者都写，调试时很难判断当前生效的是哪一层 - 错误组合示例：
<iframe src="a.html" frameborder="0" style="border: 1px solid blue"></iframe>→ 在 IE8 中正常，在 Chrome 中没问题，但在某些旧版 Edge 中可能意外出现两圈边框 - 安全做法：统一用 CSS 控制，并移除所有
frameborder属性（除非明确维护<frameset></frameset>老系统）
真正需要“带边框”时的实操建议
别纠结 frameborder 值该填什么，直接上 CSS。
- 基础边框：
<iframe src="page.html" class="framed-iframe"></iframe>+.framed-iframe { border: 1px solid #d0d0d0; } - 带圆角和阴影：
.framed-iframe { border: 1px solid #e0e0e0; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } - 响应式边框：配合媒体查询，小屏下改用
border-bottom: 1px solid #eee模拟分割线 - 如果 iframe 内容来自同源，还可通过 JS 动态注入样式，绕过外层 CSS 限制
真正难的不是加边框，而是让 iframe 边框和页面整体设计风格对齐——这一步，frameborder 从没提供过任何帮助。
