css - 使用 CSS 的按钮样式

Question

我的网页上有一个按钮。

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

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

Answer 1

更正了您的标记

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

和CSS

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

例子

Answer 2

Try this CSS:

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

Fiddle: http://jsfiddle.net/qLZKs/