CSS实现圆角描边

1、新建一个html文件，命名为test.html，用于讲解如何用CSS实现圆角描边。

2、在test.html文件内，使用div创建一个模块，并设置div的class属性为setdiv，主要用于下面通过该class来设置css样式。

3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

4、在css标签内，通过class类名setdiv来设置div的样式，使用width设置div的宽度250px，使用height设置div的高度为250px。

5、在css标签内，再使用border来设置div的边框，边框线大小为1px，边框线为实线，边框线的颜色为红色。

6、在css标签内，使用border-radius来设置div圆角的大小，例如，这里设置为30px，圆角属性值越大，圆角越大。

7、在浏览器打开test.html文件，查看实现的效果。