html实现圆圈,css如何实现正圆形div？
在css中，可以利⽤border-radius属性来将div设置为正圆形。下⾯本篇⽂章就来给⼤家介绍⼀下border-radius属性实现正圆形div的⽅法，希望对⼤家有所帮助。
border-radius属性可以为元素添加圆⾓边框，将宽⾼相同的div元素的border-radius属性值设为50%或100%即可使div元素边框变为圆。
border-radius属性是css3新增属性，在圆⾓边框出现之前，前端开发有的采⽤整块的圆⾓图⽚作为背景，有的采⽤⼩的圆⾓图⽚分别放在元素的四⾓，⾮常⿇烦。
border-radius属性的基本⽤法：
border-radius 属性是⼀个简写属性，⽤于设置四个 border-*-radius 属性；可以为元素添加圆⾓边框。
border-radius属性可以⼀次性对四个⾓设置相同的值，也可以对4个⾓分别设置圆⾓样式。⽽秘诀就在于设定border-radius的参数个数，border-radius的参数个数范围为1~4个。
语法：border-radius: 1-4 length|% / 1-4 length|%;
属性值：length 定义圆⾓的形状。
% 以百分⽐定义圆⾓的形状。
⽰例：
div {
width: 100px;
height: 100px;
border: 1px solid red;
border-radius: 50%;
background-color: red;
}border radius什么意思
只要把div元素的border-radius属性的值设置为50%或100%，就可以得到这样的⼀个圆形边框。圆形边框可以⽤在⽤户的头像展⽰等等⽅法。
效果图：
border-radius属性是⼀个简单⼜⽅便且实⽤的设置边框圆⾓样式的⽅法，在前端页⾯开发的很多地⽅得到应⽤；具体的使⽤⽅法，要看实际的需要。
更多CSS相关知识，可访问 CSS教程 ！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。