我在我正在处理的网站上设置按钮。我想在按钮之外创建一个2像素的边框,并且有一定的间距。看设计的图像。边框填充/按钮之外的间距
我能够创建边框,而不是在它之外的间距。这是当前的开发网站。该按钮是第一个图形。
我已经试过2点的方法,到目前为止..
添加透明边框。不幸的是,我可以看到按钮的蓝色背景,所以这不起作用。
.hsContainer a.action_button { padding: 15px 40px; border: 5px solid rgba(255, 255, 255, .0); outline: 2px solid #fff; }
在按钮外添加了一个div,并添加了一个填充边框。
.slide-button { padding: 10px; border: 2px solid #fff; }
虽然这看起来很正常的顶部和底部,在其两侧延伸横跨部位的长度。我无法添加固定宽度,因为它们会有所不同,所以我不确定如何使其工作。
任何想法?
这是另一个很棒的解决方案,它不需要我为按钮添加额外的div。谢谢!!! –
大纲看起来不错。但是有什么办法可以绕过它吗? –
@abdallaarbab轮廓半径目前正在开发中,所以还没有,但希望你能尽快做到。我确信使用另一种方法是可能的,但这会涉及到完全不同的答案。 – jaunt