Html 框阴影不显示在两侧

我使用这个css代码来创建框阴影，但我只在顶部和底部使用

此css样式没有阴影样式

#blog-pager{background:#fff;clear:both;width:auto;padding:20px;line-height:normal;position:relative;display:block;text-align:right;overflow:visible;margin:20px 0 5px 0}

我不知道上面的代码是否会影响我添加的代码

---

这是我的博客：

需要更改一下css

div#blog-pager {
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.35);
  -moz-box-shadow: 0 0 3px 3px rgba(0,0,0,.35);
  box-shadow: 0 0 3px 3px rgba(0,0,0,.35);
}

框阴影中的每个值表示

first:offset-x

second:offset-y

third:模糊半径

fourth:扩展半径

last:color

---

有关详细信息

您可以尝试将一些扩展半径作为第四个属性添加到框阴影中

box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.75);

将边距：2px添加到#博客寻呼机。因为#主包装器有

溢出：隐藏

#blog-pager {
box-shadow: 0px 1px 3px rgba(0,0,0,.35);
margin: 2px;
 }

#blog-pager {
box-shadow: 0px 1px 3px rgba(0,0,0,.35);
margin: 2px;
 }