可以使用CSS的border-radius属性来实现无论div的大小如何都保持边框半径一致。 以下是一个示例代码:
HTML代码:
Content
CSS代码:
.container {
border: 2px solid #000;
border-radius: 50%;
padding: 20px;
text-align: center;
}
在上面的代码中,我们将容器的边框设置为2px粗的实线,并将边框半径设置为50%。这意味着边框的半径将始终等于容器的宽度的50%。
无论容器的大小如何变化,边框半径都会保持一致。你可以根据需要调整border-width、border-color、padding等属性来适应你的设计。