css - 使用 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;
}

代码

<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;
 }

用你的 CSSa{}类替换它

如果这对您来说还不够，请参阅此链接