css绘制带箭头对话框

直接上效果图

 

 

css文件

.demo1{
	float: left;
	bottom: 15px;
	width: 0px;
	height: 0px;
	border:20px solid;
	margin: 40px;
	margin-right: 0px;
	border-right-color: deepskyblue;
	border-left-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.demo2{
	float: left;
	width: 0px;
	height: 0px;
	border:60px solid;
	border-color: deepskyblue;
	border-left-width: 600px;
	border-radius: 15px;
}