css 设置边框圆角矩形 |css模板布局

.box {
border: solid 2px #000000;
border-radius: 10px;
}

以上代码中，大家首先使用border属性来设置元素的边框样式，其中solid表示实线，2px表示边框的线宽，#000000表示边框的颜色。这里可以根据需要修改不同的属性值，以达到自己想要的边框样式。

接着大家使用border-radius属性来设置元素的圆角样式，其中10px表示圆角的半径，这里同样可根据需要调整，增大或减小圆角的程度。

需要注意的是，border-radius属性并不是所有浏览器都支持，在一些旧版本的浏览器中可能无法正常显示。因此，如果有需求要求在所有浏览器中都能正常显示圆角矩形边框，可以考虑使用 CSS3 提供的border-radius属性，增加对各种浏览器的支持。关于 CSS3 的圆角矩形边框设置，大家将在后续文章中进行说明。