1：

<div class="comment"></div><style type="text/css">

  .comment {    width: 150px;    height: 35px;    position: relative;    margin: 30px auto 0;    background: #f8ac09;    border-radius: 5px;  }

  .comment:after {    content: '';    width: 0;    height: 0;    position: absolute;    top: 5px;    right: -16px;    border: solid 8px;    border-color: transparent transparent transparent #f8ac09;    font-size: 0;  }</style>

2：



<div class="comment"></div><style type="text/css">


.comment {  width: 150px;  height: 35px;  position: relative;  margin: 30px auto 0;  background-color: #faf8f3;  border: 1px solid #fbe2a0;  border-radius: 5px;}

.comment:after {  content: '';  width: 8px;  height: 8px;  position: absolute;  top: 10px;  right: -5px;  transform: rotate(45deg);  background-color: #faf8f3;  border: 1px #fbe2a0;  border-style: solid solid none none;}


												


											
css3实现聊天气泡的更多相关文章
	

    
								
  1. css实现聊天气泡效果
		
      --------------------------------------- css功能强大,能实现很多炫 酷的效果,今天给大家分享 用css3绘制聊天气泡的方法: -------------- ...
    
		
    2. 
						
  2. QQ聊天气泡（图片拉伸不变样）、内容尺寸定制（高度随字数、字体而变）
		
    - (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor whiteColor]; /** QQ聊 ...
    
		
    3. 
						
  3. Unity UGUI图文混排源码(四) -- 聊天气泡
		
    这里有同学建议在做聊天气泡时,可以更改为一张图集对应多个Text,这样能节省资源,不过我突然想到每个Text一个图集,可以随时更换图集,这样表情图更丰富一些,于是我就先将现有的聊天demo改为了聊天气 ...
    
		
    4. 
						
  4. （二十一）即时通信的聊天气泡的实现II
		
    一些优化: 禁止TableView的点击: self.tableView.allowsSelection = NO; 合并相同的时间: 不需要显示的时间,只要不设置尺寸就行了. 一个if判断的技巧,为 ...
    
		
    5. 
						
  5. HTML5实现微信聊天气泡效果
		
    最近做一个HybridApp,前端有一个群聊的功能,于是就想模仿微信的聊天界面,先看效果图: HTML代码: <!DOCTYPE html> <html lang="en& ...
    
		
    6. 
						
  6. C#绘制三角形并填充，使用winform实现qq聊天气泡
		
    首先是需求,需要制作一个聊天气泡, 但是winform中有没有类似Android的.9图,只有自己设计图形拼接气泡. 第一种是绘制空心三角形,第二种是绘制三角形区域,可以指定RGB颜色. privat ...
    
		
    7. 
						
  7. 【HTML5】实现QQ聊天气泡效果
		
    今天自己用 HTML/CSS 做了个类似QQ的聊天气泡,以下是效果图: 以下说下关键地方的样式设置.然后贴出html和css代码(不多). 步骤1:布局 消息採用div+float布局,每条消息用一个 ...
    
		
    8. 
						
  8. cocos2d-x聊天气泡
		
    用cocos2d-x做聊天气泡在网上搜索了一下提示用CCScale9Sprite,这个类可以不缩放边角只 缩放中心,正好符合气泡的要求. 说一下思路,头像都是用cocosbuilder做的ccb,在代 ...
    
		
    9. 
						
  9. winform实现QQ聊天气泡200行代码
		
    c# winform实现QQ聊天气泡界面,原理非常简单,通过webKitBrowser(第三方浏览器控件,因为自带的兼容性差)加载html代码实现,聊天界面是一个纯HTML的代码,与QQ的聊天界面可以 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. HTTP 简要
			
    HTTP协议就是客户端和服务器交互的一种通迅的格式. 当在浏览器中点击这个链接的时候,浏览器会向服务器发送一段文本,告诉服务器请求打开的是哪一个网页.服务器收到请求后,就返回一段文本给浏览器,浏览器会 ...
    
			
    2. 
						
  2. C#，COM口，接收，发送数据
			
    这里写一种,COM口的数据接收,发送方法. 1.COMHelper类 /// <summary>初始化串行端口</summary> private SerialPort _se ...
    
			
    3. 
						
  3. eclipse创建一个文件夹
			
    如何给eclipse创建一个文件夹,便于项目的管理:有时我们的eclipse中会有很多项目的,有的是公司的如Project1,Project2,Project3....还有的呢, 也可能是自己平时做的 ...
    
			
    4. 
						
  4. [译]ASP.NET Core 2.0 会话状态
			
    问题 如何在ASP.NET Core 2.0中存储会话状态? 答案 创建一个空项目,修改Startup类的ConfigureServices()方法,添加会话状态服务和它后台的存储服务: public ...
    
			
    5. 
						
  5. Spring事务的传播行为和隔离级别
			
    事物注解方式: @Transactional [一]传播行为: 使用方法:@Transactional(propagation=Propagation.REQUIRED) Require:支持当前事务 ...
    
			
    6. 
						
  6. 视频加载logo
			
    最近工作需要,收集了一些视频卡顿或加载时的透明PNG图片.
    
			
    7. 
						
  7. c#public、private、protected、internal、protected internal修饰符及访问权限
			
    c#public.private.protected.internal.protected internal修饰符及访问权限 public 公有访问.不受任何限制. private 私有访问.只限于本 ...
    
			
    8. 
						
  8. 五、在IDEA中使用GIt版本控制并将本地代码上传至Github
			
    一.安装git     Git工具下载:https://git-scm.com/downloads 从官网下载.安装很简单,基本都是下一步. 安装完的第一件事情就是创建一个Git用户: git con ...
    
			
    9. 
						
  9. [Bayesian] “我是bayesian我怕谁”系列 - Continuous Latent Variables
			
    打开prml and mlapp发现这部分目录编排有点小不同,但神奇的是章节序号竟然都为“十二”. prml:pca --> ppca --> fa mlapp:fa --> pca ...
    
			
    10. 
						
  10. Android 开发笔记___drawable
			
    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=&quo ...
    
			
    11.