#书摘 #css #前端
《CSS 世界》关于border的奇妙小知识
1. border-color 有一个很重要也很实用的特性,就是“border-color 默认颜色就是color色值”。具体来讲,就是当没有指定border-color颜色值的时候,会使用当前元素的color计算值作为边框色。(p1)
2. 使用透明边框实现右下方background定位,默认background背景图片是相对于padding box定位的,也就是说,background-position:100%的位置计算默认是不会把border-width计算在内的。(p2)
3. 优雅地增加点击区域大小(p3)
4. border 属性可以轻松实现兼容性非常好的三角图形效果,即使在移动端,使用CSS的border属性绘制三角形等图形仍是性价比最高的方式。例如,一个朝下的等腰直角三角形(p3,这个算热知识)
5.
border 实现等高布局(这个实现给我看傻了,p4-5)
https://demo.cssworld.cn/4/4-4.php