可自定义箭头样式的CSS3气泡提示框

1. .arrow_box {        position: relative;   
2.     background: #88b7d5;        border: 4px solid #c2e1f5;   
3. }    .arrow_box:after, .arrow_box:before {   
4.     bottombottom: 100%;        left: 50%;   
5.     border: solid transparent;        content: " ";   
6.     height: 0;        width: 0;   
7.     position: absolute;        pointer-events: none;   
8. }        
9. .arrow_box:after {        border-color: rgba(136, 183, 213, 0);[......]   
10.   

以上就是本文的全部内容，希望对大家的学习有所帮助。