css零到一高级教程001:CSS 圆角

CSS 圆角

通过 CSS border-radius 属性,可以实现任何元素的“圆角”样式。

CSS border-radius 属性

CSS border-radius 属性定义元素角的半径。

提示:您可以使用此属性为元素添加圆角!

这里有三个例子:

1. 带有指定背景颜色的元素的圆角:

css零到一高级教程001:CSS 圆角_第1张图片 

2. 带边框元素的圆角:

css零到一高级教程001:CSS 圆角_第2张图片

3. 带有背景图像的元素的圆角:

css零到一高级教程001:CSS 圆角_第3张图片 

这是代码:

实例