我們如何在css中創建div的尖銳邊緣？

Question

我想用這樣的東西做一個div。

twitter上圓後邊緣是表示中間。我怎樣才能做到這一點？請任何人都可以幫助我。我嘗試了很多，但我沒有成功。謝謝

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 顏色，高度，寬度，根據您的需要。