本文主要是介绍【笔记】利用CSS3特性实现圆角DIV，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
html文件：
<html><head><title>HTML5 AND CSS3</title><link rel="stylesheet" type="text/css" href="style.css"></head><body ><div id="div_001"></div><div id="div_002"></div></body>
</html>css文件：style.css
body{background: #F4F4F4;
}#div_001{width: 500px;height: 100px;margin: auto;background: #ff0000;border-radius: 40px;
}#div_002{width: 500px;height: 100px;margin: auto;margin-top: 20px;background: #ff00ff;border-top-left-radius: 20px;/*左上角*/border-top-right-radius: 20px;/*右上角*/border-bottom-left-radius: 100px;/*左下角*/border-bottom-right-radius: 100px;/*右下角*/
}
效果图如下：
经测试：火狐浏览器测试可行，其他浏览器是否支持请参考官方文档。
这篇关于【笔记】利用CSS3特性实现圆角DIV的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
![C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量](https://i-blog.csdnimg.cn/direct/cda2638386c64e8d80479ab11fcb14a9.png)