边框填充/间距按钮外

Question

我在我正在处理的网站上设置按钮。我想在按钮外面创建一个2px边框，有一点间距。查看设计图片。

我能够创建边框，但不能创建边框之外的间距。这是当前的开发站点。按钮是第一个图形。

到目前为止，我已尝试了两种方法..

1. 添加透明边框。不幸的是，我可以看到按钮的蓝色背景，所以这没有用。

   .hsContainer a.action_button {
     padding: 15px 40px;
     border: 5px solid rgba(255, 255, 255, .0); 
     outline: 2px solid #fff;
   }
   

2. 在按钮外添加了一个div，并添加了一个带填充的边框。

   .slide-button {
     padding: 10px;
     border: 2px solid #fff; 
   }
   

虽然这对于顶部和底部看起来很好，但是它在两侧延伸到整个站点的长度。我无法添加固定宽度，因为它们会有所不同，因此我不确定如何使其工作。

有什么想法吗？

Answer 1

我相信你正在寻找outline-offset，就像这样：

CampaignBroadcastProcessPK

Answer 2

你正在寻找selection = raw_input('please choose a league: ') 。现在，你的div是一个块，这意味着它扩展到其父级的全宽（在这种情况下是页面的宽度）。 display: inline-block让它拥抱它所包含的内容＆＃34;

inline-block