[分享]css中div怎么设置为圆形

在CSS中，可以使用borderradius属性将一个矩形的div元素变成圆形。borderradius属性指定元素的边界角的半径，使元素具有圆角。相应的属性值可以是单一值或用斜杠或百分号指定两个半径...

在CSS中，可以使用border-radius属性将一个矩形的div元素变成圆形。border-radius属性指定元素的边界角的半径，使元素具有圆角。相应的属性值可以是单一值或用斜杠或百分号指定两个半径（椭圆），或用4个值指定不同的水平和垂直半径（圆角矩形）。

/* 将一个div元素变为圆形 */
div {
    border-radius: 50%;
}
/* 设置不同的水平和垂直边框半径，实现圆角矩形 */
.rounded {
    border-radius: 5px 20px 5px 20px;
} 

通过设置border-radius属性，不仅可以实现圆形的div元素，还可以实现各种形状的元素，如椭圆形、圆角矩形等。这样可以让网页的设计更加丰富多彩。