css弧度样式
    CSS规定了可以使用圆角(Radius)来实现弧形的边框,能够让您的网页获得更好的外观效果。
    圆角有4种:
    border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius,后两个通常会用简写形式:border-radius。
    border-top-left-radius
    border-top-left-radius属性可以用于设置左上角的弧形边框。这个属性可以指定一个值或多个值,如果只有一个值,就代表了 水平方向和垂直方向的弧度 一样,如果有两个值,则第一个指定的水平方向,而第二个指定的垂直方向。
    border-top-right-radius
    border-top-right-radius属性可以用于设置右上角的弧形边框。该属性的使用方法与border-
top-left-radius属性完全一样
    border-bottom-left-radius
    border-bottom-left-radius属性可以用于设置左下角的弧形边框。该属性的使用方法与border-top-left-radius属性完全一样
    border-bottom-right-radius
    border-bottom-right-radius属性可以用于设置右下角的弧形边框。该属性的使用方法与border-top-left-radius属性完全一样
    border-radiusborder radius什么意思
    border-radius简写属性是上面四个属性的组合形式。它可以同时指定四个角的弧度,如果只有一个值,会使用相同的设置值来设置所有四个角;如果有两个值,则第一个值用于左上角和右下角,第二个值用于右上角和左下角;如果有三个值,则第一个值用于左上角,第二个值用于右上角和左下角,第三个值用于右下角;如果有四个值,则分别用于四个角。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。