在CSS中,可以使用border-radius
属性来设置边框的圆角半径。默认情况下,这个属性的值是一个长度值,可以根据元素的宽度和高度来进行计算。但是,如果你想要设置一个固定的边框半径,不考虑元素的尺寸,可以使用百分比值或者具体的像素值。
示例代码:
/* 使用百分比值设置边框半径 */
.element {
width: 200px;
height: 100px;
border: 2px solid black;
border-radius: 50%;
}
/* 使用具体像素值设置边框半径 */
.element {
width: 200px;
height: 100px;
border: 2px solid black;
border-radius: 10px;
}
在上述示例中,.element
类代表一个元素,它具有固定的宽度和高度。border-radius
属性被设置为百分比值50%
和具体像素值10px
,所以无论该元素的宽度和高度如何变化,边框的圆角半径都会保持不变。
下一篇:边框半径不生效