純CSS 實心三角形 + 實心矩形 氣泡對話框

純CSS 實心三角形 + 實心矩形 氣泡對話框   我們先說一下這個實心三角形 + 實心矩形氣泡對話框的實現的思路： ①設置矩形，填充背景色 ； ②添加僞元素before，繪製三角形箭頭 ； ③調整三角形箭頭與矩形的位置，使兩者結合在一起 一、繪製矩形對話框 在繪製如上圖這樣一個帶實心三角形的氣泡對話框之前，我們先繪製一個矩形，並將這個矩形背景填充上顏色，使它成爲一個實心的矩形。 代碼如下： 1

>>阅读原文<<