圆角
border-radius 属性设置圆角
未设置圆角的效果
设置圆角后
而如果要一个圆形的话,设置border-radius:100%
border-radius后如果只有一个值,则四个圆角值相同;如果有两个值,第一个值为左上角与右下角,第二个值为左下角与右上角;如果有三个值,第一个值为左上角,第二个值为右上角与左下角,第三个值为右下角;如果有四个值,依次为左上角,右上角,右下角,左下角。
如:
两个值:
三个值:
四个值:
圆角
border-radius 属性设置圆角
未设置圆角的效果
设置圆角后
而如果要一个圆形的话,设置border-radius:100%
border-radius后如果只有一个值,则四个圆角值相同;如果有两个值,第一个值为左上角与右下角,第二个值为左下角与右上角;如果有三个值,第一个值为左上角,第二个值为右上角与左下角,第三个值为右下角;如果有四个值,依次为左上角,右上角,右下角,左下角。
如:
两个值:
三个值:
四个值: