溫馨提示×

border-radius如何實現圓形元素

小樊
142
2024-06-17 16:57:53
欄目: 編程語言

要實現圓形元素，可以通過設置元素的border-radius屬性為50%來實現。例如：

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

這樣設置后，元素的四個角都會被切成圓弧，使得整個元素呈現出圓形的效果。

0 踩