ボタンの内側の端に角を丸くするには

Question

丸い角の境界線を持つブートストラップボタンがあります。私は、四角形の代わりに境界の内側のボタンの内側の部分を丸くしたいと思っています。

これは私のFiddleです。基本的には、内側の境界線を外側の黒い境界線が矩形ではなく似ているようにしたいと思います。

HTML：

<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button> 

CSS：

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited 
{ 
background-color: #00A0AF !important; 
background: linear-gradient(#00A0AF, #00ffff); 
} 
.btn-primary { 
border: 5px solid #000000; 
color: #000000; 
} 

Answer 1

CSS border-radiusプロパティは、あなたが望むものです。

.btn-primaryクラスにborder-radius: 10px;を追加すると行います。

デモhere。