円形のボタン（ラジアン）にQT

https://blog.csdn.net/csdnluolei/article/details/83933202
ボーダーRADIUSは、円形のボタンに変換することができ、境界は円弧DIVに添加してもよいです

ボーダー半径ルール：

値：同じ4つの丸い角の値

二つの値：左上の最初の値と右下、左下隅と第二の値の右上隅

三つの値：左上の最初の値が、右上と左下は、第三の右下隅で、秒

四つの値：左上の最初の値が、第二の値の右上隅には、第3の値は、右下隅、第4の値の左隅を低くなっています。

スタイル：

  
  
<！DOCTYPE HTML>
< HTML >
< ヘッド >
< メタ 文字セット = "UTF-8" >
< タイトル > </ タイトル >
< スタイル タイプ = "テキスト/ cssの" >

.btn {
幅 ： 100ピクセル ;
高さ ： 30px ;
背景 ：緑;
国境 ：なし;
色 ：白;
マージン ： 計6Px 10pxの ;
}
.btnStyle1 {
国境半径 ： 計6Px 。
}
.btnStyle2 {
国境半径 ： 26px 計6Px 。
}
.btnStyle3 {
国境半径 ： 計6Px 26px 60PX ;
}
.btnStyle4 {
境界半径 ： 計6Px 126px 236px 346px 。
}
.bolder {
国境 ：固体 1pxのの 緑。
幅 ： 500pxなど 。
高さ ： 40ピクセル ;
国境半径 ： 10pxの ;
}
</ スタイル >
</ ヘッド >
< 身体 >
< のdiv クラス = "大胆" >
< ボタン クラス = "btnStyle1 BTN" > 按钮1 </ ボタン >
< ボタン クラス = "btnStyle2 BTN" > 按钮2 </ ボタン >
< ボタン クラス = "btnStyle3 BTN" > 按钮3 </ ボタン >
< ボタン クラス = "btnStyle4 BTN" > 按钮4 </ ボタン >
</ DIV >
</ ボディ >
</ HTML >
  
  

時には国境半径は失敗します

！解決策：重要な万能薬。

ボーダー-radiusプロパティの内部を追加！重要、聞かせて好みのブラウザをこの文の実装のために

border-radius: 6px !important;
  
  

CSSスタイルが継承されるので、CSS！重要なのは、一般的に、この声明の実施のための選択のブラウザので、と！CSSの重要な声明バック積んだハックを行うために使用される、IE 6を除いて低いバージョンのために使用されているプラ​​ス！のimportanrtに親のスタイルを上書きすることができます。