微信公众平台气泡对话框是怎么做出来的

html-css05

微信公众平台气泡对话框是怎么做出来的,第1张

这是用css+html实现的，不是公众号自带的功能。先用制作网页的软件设计出来，然后把效果复制粘贴到公众号编辑器，就可以实现。想要自己设计就需要有一点css代码基础，也有一些现成的可以直接抄来用。你从别人帐号上直接复制过来，并不是通用的HTML格式，当然不能用了。要提取代码自己另存才可以的。

ul>li{ border:1px solid #ccc  position: relative  line-height:30px}

ul>li::after,ul>li::before{ position: absolute }

 ul>li::after{right:0px bottom:0px content:"" background:url() no-repeat}

 ul>li::before{left:0px top:0px content:"" background:url() no-repeat} <ul>

<li>

曾经我以为我很完美，唯一的缺点是代码写太溜，直到有一天，一群女孩围着我说“你代码写得好溜啊！”，我说“写得溜有什么用，又没人采纳”，她们确骂我，说“你张这么帅，代码还写这么溜，哪个会不采纳你的！”

</li>

</ul>