在项目中,经常会用到尖头,尤其是表单中,会有剪头的样式,尽量不要用图片显示。用伪类实现。

 

 

 

eg   查看更多 >

 

html:

<div class="more">查看更多</div>

 

css:

 

.more{

    font-size: 12px;

    text-align: right;

    padding: 0 15px 20px ;

    margin-bottom: 0.2rem;

    position: relative;

    }

    .more:after{

    content: '';

    display: block; 

     position: absolute;

     top: 16%;

    border-top: 1px solid #000;

    border-right: 1px solid #000;

    transform: rotate(45deg);

    right: 8px;

    width: 6px;

    height: 6px; 

    }