我在页面上有一个简单的div：
<div>Some Text</div>
使用CSS可以使其完成箭头.就像是：
UPDATE
这是我用web-tiki提出的解决方案的结果：
看到箭头上的切口？
谢谢,
米格尔
解决方法
编辑：
如果您需要箭头来适应文本的高度(考虑可以在几行上显示)您可以使用 linear-gradient背景的箭头.
如果您需要箭头来适应文本的高度(考虑可以在几行上显示)您可以使用 linear-gradient背景的箭头.
这可以使它：
CSS：
div{
height:40px;
background:red;
color:#fff;
position:relative;
width:200px;
text-align:center;
line-height:40px;
}
div:after{
content:"";
position:absolute;
height:0;
width:0;
left:100%;
top:0;
border:20px solid transparent;
border-left: 20px solid red;
}
