-
采用的是均分原理,把矩形分為4等份,這4等份其實都是邊框
image.png -
實現方式,
核心就是給塊級元素設置寬高為0,設置邊框的寬度,不需要顯示的邊框使用透明色;
image.png - 使用場景
使用場景一般都是做一些小圖標,比如之前做的京東二維碼
上面這種做法就是用兩個大小一樣的三角形重疊在一起,下面的三角形背景色為綠色,
上面的三角形為白色,用z-index改變層級;
作者：愛前端的喵喵
鏈接：https://www.jianshu.com/p/20052984544d
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。