问题:
在尝试创建带边框的元素时覆盖浏览器窗口的指定百分比,您尝试使用 border-width:10%;,但失败了。有没有办法在 CSS 中使用百分比设置边框粗细?
答案:
边框不支持百分比...但仍然可以。 ..
根据 CSS 规范,边框不支持百分比宽度:
边框宽度 | 值 | 百分比 | ||||||||
---|---|---|---|---|---|---|---|---|---|---|
边框-顶部宽度 | ` | 继承` |
|
示例:
创建25%宽度的侧边框使用这个方法:HTML:
<div class="faux-borders"> <div class="content"> This is the element to have percentage borders. </div> </div>
CSS:
.faux-borders { background-color: #f00; padding: 1px 25%; /* set padding to simulate border */ } .content { background-color: #fff; }
以上是CSS 边框可以指定百分比吗?的详细内容。更多信息请关注PHP中文网其他相关文章!