css左右箭頭製作(js左右箭頭,div做成箭頭)

效果如上圖,對應制作手機端的頁面的時候,列表顯示,然後有個右箭頭,點擊跑去詳情,這個箭頭方法如下:

        .span_right{
            font-size:0.8em;/*大小*/
            padding:0.4em; 
            width: 14px;
            height: 14px;
            border-top: 3px solid #b9b9b9; /*上面的線條*/
            border-right: 3px solid #b9b9b9;/*右邊線條*/
            transform: rotate(45deg);/*主要是這個旋轉45度*/
        }

記得是div
<div class="span_right"></div>

 

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