1.background-position设置的图片的位置,只相对于左上角定位,也就是只可以设置左边距离和上边距离,但是如果我们想使图片相对于右边边框定位,可以使用border-right: 50px solid transparent,然后设置background-position:100% 40px;左边100%的距离,这样图片就距离右边框一直是50px的距离了。
2.border构建三角形。边框的四边就是四个三角形 代码: .div{width:0px;height:0px;border:10px solid;; border-color:#red transparent transparetn transparent}
3.border的透明边框
4.border在布局中的使用:
4.1border实现等高布局:使用border-left来实现左边区域的占位