作出類似CSS的彩色盒子

Question

我試圖讓在圖片

http://i46.tinypic.com/iefcpl.png

我喜歡在圖片中的箱子，我想做出類似一個

這盒子的顏色的程度是我的代碼，我不能讓similarty

<style> 
.b{ 
background:-moz-linear-gradient(top, #fff, #ebebeb); 
height:25px; 
border:1px #efefef solid; 
} 
</style> 

<div class="b"> 

</div> 

Answer 1

.b{ 
    background: #ffffff; /* Old browsers */ 
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* IE10+ */ 
    background: linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0); /* IE6-9 */ 
    height:25px; 
    border:1px #DDDDDD solid; 
}​ 

我用終極CSS Gradient Generator爲所有瀏覽器生成漸變。

DEMO