Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS边框填充_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html CSS边框填充

Html CSS边框填充

html css

Html CSS边框填充,html,css,Html,Css,我试图让元素看起来像这样： 但到目前为止，我只能制作这样的东西： 有没有办法把边界移进去一点 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; bord

我试图让元素看起来像这样： 但到目前为止，我只能制作这样的东西： 有没有办法把边界移进去一点

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;
}
添加具有相同颜色的长方体阴影

box阴影：0px 0px 0px 5px rgba（145142142,0.5）