在HTML中,为容器(例如一个盒子)添加css圆角样式,容器的四个角在外观上就变成了弧形。
圆角实际上是一个与盒子两边相切的圆的一部分(如下图),所以圆的半径变化,控制着盒子上圆角的弧度与长度。
border——radius属性的值表示圆的半径。
格式语法、图解:
1. css选择器 {border——radius:值 ;}
只设置一个值时,为容器的四角都添加同一弧度的圆角。
2. css选择器 {border——radius: 值 值;}
设置两个值时,第一个值对应的是容器的左上角、右下角。
第二个值对应的是容器的右上角左下角。