我们一起来读书吧 关注:154贴子:2,540
  • 0回复贴,共1
1.border-width不支持百分比,border-width几乎都是固定的数值但是也支持关键字:
• thin:薄薄的,等同于 1px。
• medium(默认值):薄厚均匀,等同于 3px。
• thick:厚厚的,等同于 4px。
2.border-style:none多出现在重置边框样式的时候,例如设置下边框不显示(border-bottom:none),根据前人经验发现border-bottom:0 none;一起写的渲染性能最高。
3.border-style:double(双线边框),当边框宽度是1px和2px的时候表现和solid一样,当边框宽度为3px的时候才开始出现双线边框,这也是为什么边框宽度默认是3px的原因,为了使double类型的边框合乎语义。
border-style:double 的表现规则:双线宽度永远相等,中间间隔±1
4.当没有指定border-color的颜色的时候,会使用当前元素的color值作为边框色。border和透明框结合可以实现:
可以设置一个右边透明的边框实现距右边缘 50 像素的位置设置一个背景图片。因为,
默认 background 背景图片是相对于 padding box 定位的,也就是说,background-position:100%的位置计算默认是不会把 border-width 计算在内的。


IP属地:北京1楼2024-12-02 22:23回复