创建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代码

<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