2

https://new.myspace.com/のホームページにあるような html ボタンを作成することに興味があります。私はhtmlが次のようになることを知っています：

 <button class="button" id="join">Join</button>

cssがどのように見えるべきかはわかりませんが。HTML ボタンに関するオンラインのチュートリアルがたくさんあることは知っていますが、半長方形のものについてはよくわかりません。ありがとう、ハリソン

4

3 に答える 3

9

境界半径を使用します。その例の正確なコードはborder-radius: 4px; https://developer.mozilla.org/en-US/docs/CSS/border-radiusです

Jake の適切なアドバイスに従って、次のキャッチオール ブラウザー ルールを使用します。

button#join {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
于 2013-02-23T04:42:59.723 に答える
5

試す：

<button class="button" id="join">Join</button>

CSS:

.button {
    /*adjust the roundness*/
    border-radius: 4px;
    moz-border-radius: 4px;
    webkit-border-radius: 4px;
    /*adjust height and width*/
    height: 20px;
    width: 20px; 
    /*change border colour*/
    border:1px #245ec6 solid;
}

丸みの量を変更するには、境界線の半径プロパティのピクセル数を調整します。

編集：あなたが投稿したウェブサイトは4pxを使用しているようです（コード調整済み）

2 番目の編集: コードを調整して、より大きなボタンを作成し、すべてのボタンに影響を与えます。

于 2013-02-23T04:44:19.707 に答える
0

これは、border-radius に関するちょっとした情報です: http://www.css3.info/preview/rounded-border/

そして、これを簡単にするためのクールで小さなジェネレーターがあります: http://border-radius.com/

于 2013-02-23T04:43:22.703 に答える