圆角边框其实并不难，全程代码！初学者都可以看懂！

大概我们可以从上图中看到，在很多地方使用了圆角边框，比如：新人福利，京东会员，精选热点以及下面的列表元素。

那么这个圆角边框怎么做呢？

在做之前我们先了解一下圆角边框的属性和属性值。

属性	属性介绍
border-radius:20px;	设置元素的外边框圆角
原理:	椭圆与边框的交集形成圆角效果

那么，我们学到了属性都要回归实战。我们先设置一个div，给这个div添加一个背景颜色。

大家看到了以上的代码应该就会了吧，如果高是100px，我们设置半径是50px，两边就呈现出半圆，那么我们好奇了，可以可以设置成整个圆？

那当然是可以的啦，我们高度设置为一半，两边就成半圆了，那么我们设置宽的一半是不是就可以了，前提是大块div的宽高是相等的（正方形）

这个圆角边框运用范围很广的，建议大家好好看看，大家感觉对自己有帮助，还希望大家点个关注。

期待与大家一起学习!!!