在CSS中，可以使用border-radius屬性來制作圓角邊框，這個屬性可以設(shè)置一個元素四個角的圓角程度，下面是一些示例代碼：

示例1：基本用法

div {
  border: 2px solid #000;
  border-radius: 10px;
}

示例2：分別設(shè)置四個角的圓角程度

div {
  border: 2px solid #000;
  border-radius: 10px 20px 30px 40px;
}

示例3：使用斜線設(shè)置對角線的圓角程度

div {
  border: 2px solid #000;
  border-radius: 10px 20px 30px / 40px;
}

示例4：設(shè)置橢圓形的圓角邊框

div {
  border: 2px solid #000;
  border-radius: 50%;
}

示例5：設(shè)置不同大小的圓角邊框

div {
  border: 2px solid #000;
  border-radius: large; /* 可以是 small, medium, large, 或者具體的像素值 */
}

示例6：設(shè)置繼承的圓角邊框

div {
  border: 2px solid #000;
  border-radius: inherit; /* 繼承父元素的圓角邊框 */
}

示例7：設(shè)置無圓角邊框

div {
  border: 2px solid #000;
  border-radius: 0; /* 或者使用 initial 恢復(fù)默認(rèn)值 */
}

示例8：設(shè)置透明圓角邊框

div {
  border: 2px solid #000;
  border-radius: 10px;
  opacity: 0.5; /* 設(shè)置透明度 */
}

示例9：使用偽元素設(shè)置圓角邊框

div {
  position: relative; /* 確保偽元素可以定位 */
}
div::before {
  content: ""; /* 創(chuàng)建偽元素 */
  position: absolute; /* 定位偽元素 */
  top: -10px; /* 調(diào)整位置 */
  left: -10px; /* 調(diào)整位置 */
  width: calc(100% + 20px); /* 計算寬度，包括邊框 */
  height: calc(100% + 20px); /* 計算高度，包括邊框 */
  border: 10px solid #f0f0f0; /* 設(shè)置邊框 */
  border-radius: 10px; /* 設(shè)置圓角 */
}