HTML5中设置实线边框必须使用CSS的border属性，最简写法为内容；HTML5已废弃table等标签的border属性，应完全由CSS控制边框样式。
HTML5 本身不提供设置边框的语法，border 是 CSS 属性，和 HTML 版本无关；所谓“HTML5 设置边框”，实际是用 HTML5 文档结构配合 CSS3（或更早）的 border 规则来实现实线边框。
HTML5 中怎么写实线边框（最简可行写法）
在 HTML5 页面中，给元素加实线边框，只依赖 CSS 的 border 声明，与 HTML 是否为5无关。最常用写法：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
<div style="border: 1px solid #000;">内容</div>
其中 solid 就是实线样式，1px 是宽度，#000 是颜色。也可拆开写：
<div style="border-width: 1px; border-style: solid; border-color: #000;">内容</div>
-
border-style可选值包括solid、dashed、dotted等，只有solid是连续实线 - 不写
border-style时，border简写会默认为none，边框不显示——这是新手最常踩的坑 - HTML5 不再支持
<table border="1"> 这类内联属性，该写法在 HTML5 中虽可能渲染，但属于过时用法且语义错误 <h3>HTML4 的 <code>border属性还能用吗？HTML4 允许在
<img alt="html5怎么设置边框实线_html5与html4设实线边框差异【详解】" >、<table> 等标签上直接写 <code>border="1"，例如：立即学习“前端免费学习笔记（深入）”；
<img src="a.jpg" border="2" alt="html5怎么设置边框实线_html5与html4设实线边框差异【详解】" >
这个属性在 HTML5 中已被废弃（obsolete），浏览器仍可能兼容渲染，但有以下问题：
- 它只能设像素值，无法指定样式（始终是实线）和颜色（由 UA 默认决定，通常黑/灰）
- 无法单独控制某一边（如只设下边框），也不支持圆角、透明色等现代需求
- W3C 验证器会报错：
Attribute border is obsolete. Use CSS instead. - 在严格模式（
）下行为不可靠，部分浏览器已忽略该属性
CSS
border在 HTML5 下的兼容性要点用 CSS 写
border没有 HTML 版本限制，但要注意实际渲染效果受浏览器支持影响：-
border-radius加圆角后，实线边框依然生效，但老版 IE（≤8）不支持border-radius，只显示直角实线 -
border-image可替换实线为图片边框，但 IE11 及以下完全不支持 - 使用
border-collapse: collapse控制表格边框合并时，solid边框在各浏览器表现一致，无兼容风险 - 避免用
border: thin solid black这类关键词宽度（thin/medium），因不同 UA 解析不一，建议始终用具体像素值如1px
真正要留意的是：别把 HTML 结构和 CSS 样式职责混在一起。HTML5 强调语义化，边框纯属表现层，必须交由 CSS 控制——哪怕只是临时加个
style行内样式，也比硬塞废弃的border属性靠谱。
