CSS边框填充

Question

我正在尝试制作如下所示的元素：http://i.imgur.com/oQr7vBI.png 但到目前为止，我只能做出这样的事情：http://i.imgur.com/o2KXgxI.png 有没有办法在一点点内移动边界？

span.smallCircle {
position: relative;
top: 20px;
background-color: rgba(145, 142, 142, 0.5);
padding-top: 1px;
padding-bottom: 1px;
padding-left: 11px;
padding-right: 11px;
border: 2px dashed #fff;
border-radius: 20px;
}

Answer 1

添加具有相同颜色的框阴影

box-shadow: 0px 0px 0px 5px rgba(145, 142, 142, 0.5);