CSS 可以帮助我们实现很多漂亮的效果，比如美丽的边框。我们可以通过设置不同类型、样式、宽度和颜色来创建自己想要的边框样式。

下面是一些常见的边框样式：

boder-style: solid;   //实线边框
border-style: dotted;   //点状边框
border-style: dashed;   //虚线边框
border-style: double;   //双线边框
border-style: groove;   //立体凹槽边框
border-style: ridge;   //立体脊线边框
border-style: inset;   //立体内嵌边框
border-style: outset;   //立体凸出边框

接下来，我们可以设置边框的宽度和颜色。例如，我们可以使用以下代码来创建一个 2 像素宽，紫色边框：

border: 2px solid purple;

如果我们想要为一个 div 元素添加一个具有不同样式、宽度和颜色的边框，可以使用以下 CSS 代码：

div {
border-style: solid;
border-width: 5px;
border-color: green;
border-radius: 10px;
padding: 10px;
}

在上面的代码中，我们设置了实线边框，5 像素宽，绿色颜色，以及 10 像素的圆角边框。同时，我们添加了一个内边距为 10 像素的盒子模型，以确保内容不会太贴近边框。

综上所述，通过合理设置 CSS 样式，我们可以轻松地实现各种美丽的边框效果，从而为网页提供更好的可读性和美感。