css巧用 transform的 rotate屬性得到三角形箭頭(取代iconfont的字體符號)

思路:

1,先做1個正方形,然後旋轉45°即可讓箭頭分別朝向上下左右

2,需要那個朝向的箭頭就分別設置這個箭頭兩邊邊框顏色,如下代碼可以實現箭頭朝右

div {
    width: 8px;
    height: 8px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    transform: rotate(45deg);
}

  

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章