border-radius属性是什么?

html-css010

border-radius属性是什么?,第1张

borderradius是CSS3设置圆角的一个属性,其属性值得单位可以使用:em、px、百分比等等。设置原则:一个值,则用其为半径构建圆形,这个圆与边框的交集形成圆角效果。两个值,则用两个值分别为半长轴、半短轴构建椭圆,这个圆与边框的交集形成圆角效果。

圆角是用一段与角的两边相切的圆弧替换原来的角,圆角的大小用圆弧的半径表示。在网页设计越来越精美的今天,圆角的应用已经越来越广泛。borderradius的用途:为边框设置圆角,若无边框,则会作用到背景上。

圆是一种几何图形。根据定义,通常用圆规来画圆。同圆内圆的直径、半径长度永远相同,圆有无数条半径和无数条直径。当多边形的边数越多时,其形状、周长、面积就都越接近于圆。所以,世界上没有真正的圆,圆实际上只是概念性的图形。

border-radius: /* 全圆 */

border-top-left-radius: /* 圆左上 */

border-top-right-radius: /* 圆右上 */

border-bottom-left-radius: /* 圆左下 */

border-bottom-right-radius: /* 圆右下 */

希望能帮到您!