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