[css] 使用css实现气泡框的效果
生活随笔
收集整理的這篇文章主要介紹了
[css] 使用css实现气泡框的效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[css] 使用css實現氣泡框的效果
<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> .longen{ width:300px; height:100px; border:5px solid #09F; position:relative; background-color:#FFF; } .longen:before,.longen:after{ content:"";display:block; border-width:20px; position:absolute; bottom:-40px; left:100px; border-style:solid dashed dashed; border-color:#09F transparent transparent; font-size:0; line-height:0; } .longen:after{ bottom:-33px; border-color:#FFF transparent transparent; } </style> </head> <body> <div class="longen"> css3氣泡框 </div></body> </html>個人簡介
我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[css] 使用css实现气泡框的效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 开发人员最常用的 10 大容器安全工具
- 下一篇： oracle 谭岚_谭岚Oracle视频