温馨提示×

border-radius如何实现圆形元素

小樊
150
2024-06-17 16:57:53
栏目: 编程语言

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

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

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

0