HTML5 css下三角单引号怎么写

.test:after {display:inline-block content:"^" transform:rotate(180deg) scale(1.4,0.8)}

</style>

<span class="test">服务</span>

例如

#test {

width: 0

height: 0

border-left: 50px solid transparent

border-right: 50px solid transparent

border-top: 100px solid red

}

就能得到一个向下的三角形了

只设置border三个方向的值，另一个方向就会汇聚成一个点，就出现三角形了，希望对你有帮助，望采纳！

#triangle-left {

    width: 0

    height: 0

    border-top: 50px solid transparent

    border-right: 100px solid red

    border-bottom: 50px solid transparent

}

下面是个示例：