本篇内容主要讲解“css如何设置div圆角”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css如何设置div圆角”吧!
css设置div圆角的方法：
在css中可以通过设置border-radius让div边角变得圆润。
示例：
<!DOCTYPE html><html><head><style> #rcorners1 { border-radius: 25px; background: #73AD21; padding: 20px; width: 200px; height: 150px; }#rcorners2 { border-radius: 25px; border: 2px solid #73AD21; padding: 20px; width: 200px; height: 150px; }#rcorners3 { border-radius: 25px; background: url(/i/paper.jpg); background-position: left top; background-repeat: repeat; padding: 20px; width: 200px; height: 150px; }</style></head><body><h1>border-radius 属性</h1><p>拥有指定背景颜色的元素的圆角：</p><p id="rcorners1">Rounded corners!</p><p>带边框元素的圆角：</p><p id="rcorners2">Rounded corners!</p><p>拥有背景图片的元素的圆角：</p><p id="rcorners3">Rounded corners!</p></body></html>css的全称是什么
css的全称是Cascading Style Sheets（层叠样式表），它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
到此，相信大家对“css如何设置div圆角”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
