一、css 绘制实现小尖角聊天对话框，带尖角的说话泡泡

二、效果

三、代码

css;toolbar:false"><style>
#talkbubble {
  width: 160px; height: 80px;
  background: red;
  position: relative;
  border-radius: 10px;
  margin-left:20px;
}
#talkbubble:before {
  content: "";
  position: absolute;
  right: 100%; 
  top: 26px;
  border-top: 13px solid transparent;
  border-right: 26px solid red;
  border-bottom: 13px solid transparent;
}
</style>
<div id="talkbubble"></div>

转载请注明：谷谷点程序 » css 绘制实现小尖角聊天对话框，带尖角的说话泡泡