使用CSS的按鈕樣式

Question

我的網頁上有一個按鈕。

<button id="button" type="button">Show</button> 

我想我的按鈕爲藍色，如果可能的話有圓角。我怎樣才能做到這一點？？我對造型真的很陌生。

Answer 1

試試這個CSS：

#button { 
    background: blue; 
    border-radius: 35px; 
    border: none; 
} 

小提琴：http://jsfiddle.net/qLZKs/

Answer 2

修正你的標記

<button class="button">SHOW</button> /*..you were missing the > ...*/ 

和CSS

.button{ 
background-color:blue; 
border-radius:10px; 
} 

EXAMPLE