要使用CSS3实现圆角矩形,大家可以使用border-radius属性。这个属性用于设置一个元素的边框的圆角半径,使得它们呈现出圆角的效果。
.box { width: 200px; height: 100px; background: #ccc; border-radius: 10px; }
在上述代码中,大家定义了一个宽度为200像素,高度为100像素的元素,并为它设置了背景颜色为#ccc。然后,大家使用border-radius属性为这个元素的边框设置了圆角半径为10像素。
当大家使用这个代码块进行样式化之后,大家会发现这个元素的边框呈现出了圆角的效果,使得整个元素在视觉上更加美观和友好。