答案 0 :(得分:2)
这是一个使用CSS生成箭头,三角形和其他形状的教程:http://www.howtocreate.co.uk/tutorials/css/slopes
另外看看CSS箭头怎么样!生成箭头:http://cssarrowplease.com/
这是我刚刚敲了一个小例子:
HTML:
<div class="active">
<div>Active Menu Item</div>
</div>
CSS:
.active > div {
width: 150px;
padding: 10px;
background-color: #f00;
color: #fff;
text-align: center;
}
.active::after {
display:block;
content: "";
font-size: 0px; line-height: 0%; width: 0px;
border-top: 20px solid #f00;
border-left: 85px solid #fff;
border-right: 85px solid #fff;
}