CSS border-radius: 3px; 属性详解 - 如何创建圆角边框

border-radius: 3px; 这段代码用于设置元素的圆角边框半径为 3 像素。这意味着元素的角落将会被削弱，变成圆角，而不是直角。此属性可以应用于任何具有边框的元素，如 'div'、'按钮' 或 '图像'。

例如，以下代码将创建一个圆角边框为 3 像素的红色矩形：

div {
  width: 100px;
  height: 50px;
  background-color: red;
  border-radius: 3px;
}

您可以根据需要调整 'border-radius' 属性的值来控制圆角的程度。例如，'border-radius: 10px;' 将创建一个更圆的角，而 'border-radius: 1px;' 将创建一个更小的圆角。

您也可以使用不同的值来创建不同的圆角。例如，'border-radius: 10px 5px;' 将创建一个顶部和底部为 10 像素的圆角，而左右两侧为 5 像素的圆角。

通过使用 'border-radius' 属性，您可以创建各种形状和风格，以使您的网页设计更具吸引力。