qt dans le bouton circulaire (radian)

https://blog.csdn.net/csdnluolei/article/details/83933202
border-radius peut être transformé en un bouton circulaire, une bordure peut être ajouté à la div arc

règle border-radius:

Valeur: la valeur des mêmes quatre coins arrondis

Deux valeurs: une première valeur de l'angle supérieur gauche et le coin inférieur droit, coin inférieur gauche et le coin supérieur droit de la deuxième valeur

Trois valeurs: une première valeur de la partie supérieure gauche, en haut à droite et en bas à gauche est la deuxième, la troisième est le coin inférieur droit

Quatre valeurs: une première valeur de l'angle supérieur gauche, en haut à droite de la deuxième valeur, la troisième valeur est le coin inférieur droit, le coin inférieur gauche de la quatrième valeur.

style:

  
  
<! DOCTYPE html>
< Html >
< Tête >
< Meta charset = "UTF-8" >
< Title > </ title >
< Le style de type = "text / css" >

.btn {
largeur : 100px ;
hauteur : 30px ;
fond : vert;
frontière : none;
couleur : blanc;
marge : 6px 10px ;
}
.btnStyle1 {
border-radius : 6px ;
}
.btnStyle2 {
border-radius : 26px 6px ;
}
.btnStyle3 {
border-radius : 6px 26px 60px ;
}
.btnStyle4 {
border-radius : 6px 126px 236px 346px ;
}
.bolder {
frontière : solide 1px verte;
largeur : 500px ;
hauteur : 40px ;
border-radius : 10px ;
}
</ Style de >
</ Tête >
< Body >
< Div class = "plus audacieux" >
< Bouton class = "BTN btnStyle1" > 按钮1 </ bouton >
< Bouton class = "BTN btnStyle2" > 按钮2 </ bouton >
< Bouton class = "BTN btnStyle3" > 按钮3 </ bouton >
< Bouton class = "BTN btnStyle4" > 按钮4 </ bouton >
</ Div >
</ Body >
</ Html >
  
  

Parfois fail-rayon frontière

! La solution: une panacée importante;

Ajouter l'intérieur de propriété rayon de frontière ! Important , laissez le navigateur de choix pour la mise en œuvre de cette déclaration

border-radius: 6px !important;
  
  

Le CSS! Important sont généralement utilisés pour bas sauf iE 6, utilisé pour faire le hack, le dos chargé de! Importante déclaration css, de sorte que le navigateur de choix pour la mise en œuvre de cette déclaration, parce qu'il ya des styles hérités de css, plus sur! importanrt peut passer outre le style du parent.