在css中的Mac OS X標籤樣式

Question

可以請別人幫我製作標籤，如在Mac OS X中的CSS？

<div class="tabs"> 
    <div class="tab active"> <img src="" /> <span> General </span> </div> 
    <div class="tab"> <img src="" /> <span> Appearance </span> </div> 
    <div class="tab"> <img src="" /> <span> Bookmarks </span> </div> 
    <div class="tab"> <img src="" /> <span> Tabs </span> </div> 
</div> 

提前感謝！

Answer 1

嘗試在內部陰影中使用「box-shadow：inset」。

.tab{ 
    background-color: #D3D3D3; 
    width: 100px; 
    height:50px; 
    display:inline-block; 
    line-height: 50px; 
    text-align:center; 
} 
.tab:hover{ 
    -moz-box-shadow: inset 0 0 10px #000000; 
    -webkit-box-shadow: inset 0 0 10px #000000; 
    box-shadow:   inset 0 0 10px #000000; 
}