向這樣的虛線梯形框有什么邏輯么?我是準備拿兩個div去拼接的
向這樣的虛線梯形框有什么邏輯么?
收到一只叮咚
2018-12-22 19:18:51
TA貢獻1804條經(jīng)驗 獲得超8個贊
.box{
position: relative;
width: 150px;
height: 100px;
border: 1px dashed grey;
}
.box::before{
content:'';
position: absolute;
width: 50px;
height: 30px;
background: #fff;
right: -1px;
top: -1px;
}
.box::after{
content:'';
position: absolute;
width: 57px;
border-bottom: 1px dashed grey;
transform: rotate(32deg);
right:-5px;
top: 14px;
}
舉報