首先附上效果圖：

以上的效果完全是用 css 來(lái)實(shí)現(xiàn)的，那么是怎么實(shí)現(xiàn)的呢？

我們知道 html 中有一些特殊的字符，具體的請(qǐng)點(diǎn)擊 HTML特殊字符大全。

通過(guò)特殊字符，利用 css 中的 margin 或者 position 方法完全可以實(shí)現(xiàn)以上效果。 

PS：除了用字符可以實(shí)現(xiàn)三角，我們還可以利用 border 來(lái)實(shí)現(xiàn)三角。