请问哪位高手知道，如下CSS如何写？

html-css017

请问哪位高手知道，如下CSS如何写？,第1张

<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）最后在“+”中我们就可以看到“微信聊天泡泡”，然后点击打开，选择想要使用的气...