<style type="text/css">
.triangle{
position:absolute
left:2px
top:24px
width:0
height:0
border-right:16px #ededed solid
border-left:none
border-top:8px rgba(0, 0, 0, 0) solid
border-bottom:8px rgba(0, 0, 0, 0) solid
z-index:1002
}
.paopao{
position:absolute
left:16px
top:8px
width:512px
height:101px
background-color: #ededed
border:1px #d5d5d5 solid
border-radius:12px
box-shadow:inset 0 2px 2px rgba(255, 255, 255, 1), inset 0 -2px 2px rgba(0, 0, 0, 0.1)
z-index:1001
}
</style>
<div class="triangle"></div>
<div class="paopao"></div>
纯粹CSS实现的话,需要CSS3支持,也就是用Chrome、FireFox、IE9以上浏览器,效果如下:
1)首先想要设置聊天气泡,我们先要下载一个叫“微信聊天泡泡”的软件。 ...2)下载完毕之后,我们打开微信,然后在聊天页面的右下方的“+”点击进去,然后在“...
3)最后在“+”中我们就可以看到“微信聊天泡泡”,然后点击打开,选择想要使用的气...