osx - Mac OS X tab style in css -

could please me make tabs in mac os x in 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> 

thanks in advance!

try use "box-shadow: inset" inside shadows.

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