創建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