使用CSS创建图像阴影

Question

有谁知道如何创建这样的CSS：

请帮助我们，实际上创建了按钮的阴影。

好的，我已经尝试了这个并且很难​​创建阴影：

CSS代码

 a{ 
   display: inline-block;
   width:9px; 
   height:9px; 
   border-radius:50px; 
   font-size:20px; 
   color:#fff; 
   line-height:100px; 
   text-align:center; 
   text-decoration:none; 
   background-color: #1f1f1f !important; 
   margin: 2px 2px 2px 2px !important; 
   border: 1px #bebebd inset; 
 }

 a.active {
   display: inline-block;
   width:10px;
   height:10px;
   border-radius:50px;
   font-size:20px;
   color:#fff;
   line-height:100px;
   text-align:center;
   text-decoration:none;
   background-color: #2880d7 !important;
   margin: 2px 2px 2px 2px !important;
   border: 0px;
}

HTML CODE

<a href="#"></a>
<a href="#" class="active"></a>

请帮助我们，实际上创建了按钮的阴影。

提前感谢

Answer 1

a{ 
   display: inline-block;
   width:9px; 
   height:9px; 
   border-radius:50px; 
   font-size:20px; 
   color:#fff; 
   line-height:100px; 
   text-align:center; 
   text-decoration:none; 
   background-color: #1f1f1f !important; 
   margin: 2px 2px 2px 2px !important; 
   border: 1px #bebebd inset;  
    box-shadow: 2px 2px 5px #888888;
 }

将此替换为您的css a{}类

如果还不够，请参阅此link