h5实现QQ谈天气泡的实例介绍-

这篇文章主要介绍了HTML5实现QQ谈天气泡结果，用HTMLCSS做了个相似QQ的谈天气泡，拥有一定的参照 价值，感乐趣的小同伴们可以参照 一下 这篇文章主要介绍了HTML5实现QQ谈天气泡结果，用 HTML/CSS 做了个相似QQ的谈天气泡，拥有一定的参照 价值，感乐趣的小同伴们可以参照 一下

今天本人用 HTML/CSS 做了个相似QQ的谈天气泡，下列是结果图：

    .triangle{
        width: 0px;
        height: 0px;
        border-width: 15px;
        border-style: solid;
        border-color: red blue green gold;
    }

  .triangle{
        width: 0px;
        height: 0px;
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent transparent red;
    }

关键点4：三角形尾随矩形框

运用相对定位。能够使三角形始终牢固在矩形框的边上。

position:relative;

      

          
      
  

      

       hello, man! 
   

  


  

      

          
      
   

        

         hello world 
   

  
  

以上就是h5实现QQ谈天气泡的实例介绍的细致内容，更多请关注 百分百源码网 其它相干文章！