css - CSS を使用したボタンのスタイリング

Question

Web ページにボタンがあります。

<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

この CSS を試してください:

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

フィドル: http://jsfiddle.net/qLZKs/