使用CSS的按钮样式

Question

我的网页上有一个按钮。

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

我希望我的按钮为蓝色，如果可能的话还有圆角。我怎样才能做到这一点？？我对造型很陌生。

Answer 1

更正了你的MARK UP

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

和css

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

<强> EXAMPLE

Answer 2

试试这个CSS：

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

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