這樣的下三角氣泡框用純css3如何實現
問題描述
這樣的下三角氣泡框用純css3如何實現,如圖
問題解答
回答1：樓上2位的畫出來的三角形好像都是純背景色的三角形！這種虛線型的三角形好像真不好畫！！！如果只是視覺上的這種效果，小面一個小的p有2個虛線邊框在旋轉45度絕對定位到那個大的虛線p上即可如：.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：可以考慮用clip-path
回答3：用Border畫就行
p:after{ content:’’;border:20px solid transparent;border-top-color:#fff;position:absolute;left:50%;margin-left:-20px;width:0;}回答4：
利用微元素:after｛content:‘’;with:0;height:0;boreder-left:20px dotted transparent;border-right:20px dotted transparent;border-bottom:40px dotted #ddd;position:absolute;bottom:0;…(自己精確一下定位樣式之類的，手機打的可能中英文標點符號混用，見諒)
｝
回答5：利用偽類就好了
相關文章：
1. apache - 想把之前寫的單機版 windows 軟件改成網絡版，讓每個用戶可以注冊并登錄。類似 qq 的登陸，怎么架設服務器呢？2. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現靈異動畫問題，求解決3. java - 阿里的開發手冊中為什么禁用map來作為查詢的接受類?4. java - 關于i++的一個題目5. javascript - 為什么嵌套的Promise不能按預期捕獲Exception？6. webgl - android上類似汽車之家的3d全景照片怎么實現7. javascript - 編程，算法的問題8. java - HTTPS雙向認證基礎上有無必要再進行加簽驗簽？9. ubuntu apt-get install update 無法更新10. node.js - win7下，npm 無法下載依賴包，淘寶鏡像也裝不上，求幫忙？？？
網公網安備