css3-border-radius-圆角边框-背景与边框(3)

1.border-radius属性

css3中,只要使用border-radius属性指定好圆角的半径就可以绘制圆角边框了。


image.png

2.指定两个半径

css3-border-radius-圆角边框-背景与边框(3)_第1张图片
image.png

3.不显示边框

image.png

4.修改边框种类

image.png

5.绘制四个角不同半径的圆角边框

border-top-left-radius属性:左上角半径
border-top-right-radius属性:右上角半径
border-bottom-left-radius属性:左下角半径
border-bottom-right-radius属性:右下角半径


css3-border-radius-圆角边框-背景与边框(3)_第2张图片
image.png

你可能感兴趣的:(css3-border-radius-圆角边框-背景与边框(3))