這樣的下三角氣泡框用純css3如何實現,如圖
2 回答
GCT1015
TA貢獻1827條經驗 獲得超4個贊
用Border畫就行
div:after
{
content:'';
border:20px solid transparent;
border-top-color:#fff;
position:absolute;
left:50%;
margin-left:-20px;
width:0;
}
子衿沉夜
TA貢獻1828條經驗 獲得超3個贊
如果只是視覺上的這種效果，小面一個小的div有2個虛線邊框在旋轉45度絕對定位到那個大的虛線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;
}
- 2 回答
- 0 關注
- 921 瀏覽
添加回答
舉報
0/150
提交
取消