话不多说，直接上代码：
<body>
<div class="demo"></div>
</body>.demo{
width:0;
height:0;
border:30px solid transparent;
border-top-color:red; /*与上一行顺序不能颠倒*/
}效果如下：
如果想要更改箭头的方向及颜色，可直接修改border-top-color,可修改为：border-right-color border-left-color border-bottom-color
扫一扫
373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
