圆角到按钮的内边缘

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属性就是你想要的。

将border-radius: 10px;添加到.btn-primary课程即可。

演示here。