HTML5中边框必须用CSS的border属性实现，最稳妥写法是border: 1px solid #000；需注意高DPI屏适配、表单元素UA样式覆盖及box-sizing等隐藏影响因素。
HTML5 本身不提供“设置边框”的语法，边框必须用 CSS 控制；所有现代浏览器（包括 iOS Safari、Android Chrome、Windows Edge）都支持 border 实线样式，无需特殊 hack。
用 border 写实线边框最稳妥
HTML5 文档中，
、
、border 属性实现。最基础也最兼容的写法是：
border: 1px solid #000;
其中：
• 1px 是宽度，可换成 2px、0.5rem 等，但避免用 0 或负值（部分 Android WebView 渲染异常）
• solid 是线型，明确表示实线；不要用 inset、outset 等三维样式，它们在跨平台下表现不一致
• #000 是颜色，支持十六进制、rgb()、hsl()、甚至 currentcolor（继承父级文字色，适合主题切换）
移动端高 DPI 屏幕下边框变细或消失？
在 iPhone、高端安卓机上，1px 物理像素可能被缩放到 0.5 个 CSS 像素，导致边框“看不见”或模糊。这不是 HTML5 问题，而是 CSS 像素与设备像素比（dpr）不匹配：
