给video标签加实线边框的正确写法是用css设置border: 2px solid #000;因video无原生border属性,直接写border=”1″无效,推荐用外层div容器包裹并设边框更可控。
video 标签加实线边框的正确写法
HTML5 的 <video></video> 本身不提供边框属性,必须用 CSS 控制。直接在标签里写 border="1" 是无效的(那是旧版 HTML 的 table 做法),现代浏览器会忽略。
最稳妥的方式是给 <video></video> 元素设置 border CSS 属性:
video {
border: 2px solid #000;
}
注意:如果视频有 controls,边框会包住整个控件区域;如果还加了 poster 或自定义 UI,建议用外层容器控制边框更可控。
为什么有时边框不显示?常见原因
不是代码写错,而是被其他样式覆盖或盒模型干扰:
立即学习“前端免费学习笔记(深入)”;