TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超4個(gè)贊
用Border畫就行
div:after
{
content:'';
border:20px solid transparent;
border-top-color:#fff;
position:absolute;
left:50%;
margin-left:-20px;
width:0;
}
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊
如果只是視覺上的這種效果，小面一個(gè)小的div有2個(gè)虛線邊框在旋轉(zhuǎn)45度絕對(duì)定位到那個(gè)大的虛線DIV上即可如：
.d1{
position: relative; border: 1px dashed #999; background: #fff; width: 150px; height: 100px;
}
.d1 span{
display: block; width: 20px; height: 20px; position: absolute; border-right:1px dashed #999; border-bottom:1px dashed #999; transform: rotate(45deg); bottom: -10px; left: 50%; margin-left:-15px; background: #fff;z-index: 99;
}
舉報(bào)