菱形实现气泡Bubble，菱形画箭头，菱形画三角形

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年7月27日 16:32:44 星期三

http://fanshuyao.iteye.com/

 

一、菱形实现气泡Bubble，效果如下：

 

 二、实现原理：

 

1、使用2个◆覆盖叠加实现。

 

2、页面代码：

     
    
      
       菱形实现气泡Bubble
      
    
      
        
       ◆
       ◆        
       
        气泡在此！！气泡在此！！气泡在此！！气泡在此！！气泡在此！！气泡在此！！气泡在此！！气泡在此！！
       
    
      
     

 

3、css样式：

 

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年7月27日 16:32:44 星期三

http://fanshuyao.iteye.com/