border-radius: 2px;属性的作用是

border-radius: 2px;属性用于给一个 HTML 元素添加圆角边框。它接受一个长度值或百分比值，用于指定圆角的半径大小。如果指定的值为一个长度值，则四个角的圆角半径大小相同；如果指定的值为两个长度值，则第一个值指定水平方向上的圆角半径大小，第二个值指定垂直方向上的圆角半径大小；如果指定的值为四个长度值，则分别指定左上角、右上角、右下角、左下角的圆角半径大小。此外，还可以使用百分比值来指定圆角半径大小，百分比值相对于元素的宽度或高度计算。

相关问题

-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 这三个属性是用来设置元素圆角的。其中，-webkit-border-radius是适用于WebKit浏览器的前缀，-moz-border-radius是适用于Mozilla浏览器的前缀，而border-radius是官方标准的写法，适用于所有现代浏览器。

border-right-radius: 30px; border-right-radius: 30px;

`border-right-radius: 30px;` 是一个CSS（层叠样式表）属性值，用于设置元素右上角的圆角半径为30像素。当你对一个HTML元素应用这个样式时，该元素的右上角将呈现为一个半径为30像素的圆角。这个属性常用于创建圆角效果，使得网页元素的外观更柔和，有时也可以用来创建按钮或卡片的边角效果。值得注意的是，这个属性与`border-top-right-radius`、`border-bottom-right-radius`以及`border-radius`属性共同作用，可以分别设置元素的不同角的圆角半径。

例如，如果你想要让一个元素的右上角和右下角都具有30像素的圆角，你可以这样写：

.element {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

如果想要为同一个元素的所有角都设置圆角，你还可以使用简写形式`border-radius`：

.element {
    border-radius: 0 30px 30px 0;
}

上面的例子表示元素的右上角和右下角的圆角半径为30像素，而左上角和左下角没有圆角。