效果如上图,对应制作手机端的页面的时候,列表显示,然后有个右箭头,点击跑去详情,这个箭头方法如下:

        .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>

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐