1.css3中通过border-radius实现圆角效果
.radius{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
2.通过实现一个三角形充当气泡的尾巴,将容器的宽度以及高度设置为0,然后给盒容器设置一个较粗的边框,浏览器会在边框的交界处绘制结合线
.triangle{
height:0px;
width:0px;
border-width:20px;
border-style:solid;
border-color:green transparent transparent transparent;
}
为了减少不必须要的html元素,我们通过伪属性来给对话框添加”尾巴“
.left:before{
position:absolute;
content:"\00a0";
width:0px;
height:0px;
border-width:8px 18px 8px 0;
border-style:solid;
border-color:transparent #A6DADC transparent transparent;
top:15px;
left:-18px;
}
.right:before{
position:absolute;
content:"\00a0";
display:inline-block;
width:0px;
height:0p