我们如何在css中从中间突出div的尖锐边缘？

Question

我想用这样的东西做一个div。

在推特圈后，边缘显示在中间。我该怎么做？请任何人都可以帮助我。我尝试了很多，但我没有成功。感谢

Answer 1

这样的东西？

body {background:#FFFFFF;padding:20px}

p {background:black; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; width:250px; height:50px}

.arrow_div{border:solid 10px transparent;border-right-color:#000;position:absolute;margin:-50px 0 0 -20px;}

<p></p>
<div class="arrow_div"></div>

根据您的需要更改div 颜色，高度，宽度。