小编arv*_*amp的帖子

从带有实心边框的按钮上切下的角落

我想剪切一个带有3px实线边框而没有背景的按钮的两个角,如下例所示,最好只有CSS.我尝试了很多选项并在网上搜索,但到目前为止没有运气......你们知道实现这一目标的方法吗?谢谢你的回复!

带有切角边框的按钮

到目前为止我得到的是:

a.button{
    padding: 10px 18px;
    border: 3px solid $blue;
    text-transform: uppercase;
    font-size: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
Run Code Online (Sandbox Code Playgroud)

问题是这导致半径角,我希望角是直切.

css border button css3

1
推荐指数
1
解决办法
1060
查看次数

标签 统计

border ×1

button ×1

css ×1

css3 ×1