HTML ボタン問題_html/css_WEB-ITnose

rreee

このボタンを設定したいのですが、ボタンの形状が長方形であると同時に、ボタンの画像を挿入したくありません。それを達成するには、どのような属性またはメソッドを使用して、両側のボタンを半円弧にすることができますか?

解決してください！ありがとう！

ディスカッションに返信（解決策）

標準CSS2では角を丸くすることはできません
シミュレートする要素をたくさん追加しない限り、手間を省くために画像を追加することをお勧めします

丸みを帯びた純粋なCSS実際のボタンコーナー、立体効果

両側に半円弧 btn_bg.gif の透明な背景画像をデザインします
.btn{
width:**px; height:**px;
background:url(btn_bg.gif) no-繰り返し;
}

CSS3 属性 border-radius: 3px 4px 5px 6px 一部のブラウザのみがサポートしています。 IE9以上）。

純粋な CSS の実際のボタン、丸い角、3 次元効果

+111