.box_right,.box_bottom
.box_bottom:after
.box_right:after
"box_left">
效果（三角形的寬度等於左邊框的的寬度加上又邊框的寬度，當三角形的方向朝上或者朝下的時候）
效果（其實就是利用和dom背景色相同的偽類定為在與邊框顏色相同的偽類上，從而實現了看起來是空心三角形的效果）這時三角形的高度同上
上面的偽類元素要和下面的偽類元素對應的定位值要有差值，這樣就通過覆蓋形成了空心三角形的效果
總結：不難發現，當你要實現某個方向的三角形，只需要將相反方向的border設定相應的顏色，相鄰兩邊的border設定成透明（transparent），這樣基本就大功告成了。
舉個栗子：想實現向上的三角形，那麼你只要設定border-bottom成你要的顏色（和dom元素的背景色一致），border-left和border-right的顏色設定成透明（transparent）。再用定位調整一下三角形的位置就ok了。
CSS偽類選擇器
原來學習過css偽類選擇器，前幾天寫css發現自己並不熟悉了。這兩天把它撿起來複習一下 css偽類選擇器是用於向某些元素新增特定的效果。錨偽類 包括四種狀態，活動狀態，未被訪問狀態，已被訪問狀態，懸停效果。example a link a visited a hover a active fist ...
css偽類選擇器
link 設定超連結的預設樣式 例如 a a link 不推薦使用 有相容性 one link 不推薦使用 有相容性 visited 設定標籤被訪問過後的樣式 例如 a visited 注意 該偽類選擇器一般不會大量使用，因為瀏覽器存在快取問題。只能設定與顏色相關的屬性 hover 設定滑鼠懸停到標...
css偽類選擇器
名稱 說明ele not 匹配除了誰。裡面填條件，也就是選擇器。ele root 匹配根目錄的意思，在html裡是選 html標籤 ele target url錨點 指向文件內某個具體的元素。那麼該元素就會觸發 target ele first child 匹配父元素下的第乙個子元素必須有父元素，最...