我认为这个应该用css的伪类来实现；
.arrow_box {position: relative
background: #88b7d5
border: 4px solid #c2e1f5
}
.arrow_box:after, .arrow_box:before {
bottom: 100%
left: 50%
border: solid transparent
content: " "
height: 0
width: 0
position: absolute
pointer-events: none
}
.arrow_box:after {
border-color: rgba(136, 183, 213, 0)
border-bottom-color: #88b7d5
border-width: 30px
margin-left: -30px
}
.arrow_box:before {
border-color: rgba(194, 225, 245, 0)
border-bottom-color: #c2e1f5
border-width: 36px
margin-left: -36px
}
以CAD画角为例，步骤如下：
1、首先，选择“绘制直线”选项，找到需要画角度的起点，如下图所示，然后进入下一步。
2、其次，完成上述步骤后，输入线段的长度（此处选择输入500），如下图所示，然后进入下一步。
3、接着，完成上述步骤后，按键盘上的Tab键输入所需的角度值（在这里选择输入71°），如下图所示，然后进入下一步。
4、最后，完成上述步骤后，按Enter，然后绘制所需的角度值，如下图所示。这样，角就画好了。
角的画法一般有两种:用量角器画角或用三角板。
用量角器画角：
画一个角等于已知角，可以利用量角器量出已知角的度数，再画一个等于这个度数的角，画两个角的和、差，或一个角的几倍、几分之一，可以利用量角器，量出已知角的度数，计算出它们的和、差、几倍、几分之一，再按照结果所得的度数画角。
用三角板画角：
特殊角，如30°45°6090的角，可以百接和用三角板来画，再其他特殊角，关键在于设法把它写成上述特殊角的和或差。
例如凡是15°的整数倍的角，都可用三角板画出，因为15°的角，可以写成60°角与45°角的差，或45°角与30°角的差，能用三角板画出的，只限于上述各种角及其和、差、倍所成的角。
教法建议：
在教学过程中，应鼓励学生动手实践,在实践中使学生掌握量角器以及三角尺的用法，并初步探索类似五角星的图形的画法。
教材里有画五角星的题目，它的本质是等分周角或者说是将圆周n等分，有了作五角星的基础，就可以告诉学生以上这是一类等分圆周的问题。
如果将周角进行n等分，就可以将圆周n等分，连结这n个等分点，就可以得到正多边形,这种举一反三的思路会引导学生深入、广泛地学习知识和应用知识。
本节可以选择一些与实际生活紧密结合的问题，在解决应用性问题的过程中，丰富学生的认识，同时将本章的知识贯穿起来，既有利于学生知识结构的完善，也有助于学生的画图能力以及应用意识的培养。
