温馨提示×

border-radius如何实现圆形元素

小樊
168
2024-06-17 16:57:53
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

要实现圆形元素,可以通过设置元素的border-radius属性为50%来实现。例如:

.circle {
  width: 100px;
  height: 100px;
  background-color: #ff0000;
  border-radius: 50%;
}

这样设置后,元素的四个角都会被切成圆弧,使得整个元素呈现出圆形的效果。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:如何用border-radius实现半圆形效果

0