页面中为了美观，会给边框设置圆角，今天，我给大家介绍下css如何设置边框圆角
工具/原料
css+html
代码编辑器（本文用的HBuilder）
方法/步骤
1、打开编辑器，新建一个border.html,用来讲解今天的内容
2、在页面的body区域内，新建一个名为test的div
3、在css标签里，给test设置宽200px，高200px，黑色边框和居中对齐
4、在编辑器中打开border.html,可以看到现在边框是直角
5、回到编辑器，在css给test加上border-radius:8px属性
6、再次在浏览器中打开border.html,发现边框的直角已经变成圆角
7、贴一下代码水貔藻疽，供参考：<!DOCTYPEhtml><html> <head> <稆糨孝汶;metacharset="utf-8"> <title>css如何设置边框圆角</title> </head> <style> .test{ width:200px; height:200px; border:1pxsolid#000000; margin:0auto; border-radius:8px; } </style> <body> <divclass="test"> </div> </body></html>