CSS边框可以帮助我们给页面的元素添加装饰和样式，同时也可以提高页面的可读性和用户体验。接下来，我们将介绍CSS基础边框的使用方法。

border-style: solid; /*边框的样式*/
border-width: 1px; /*边框的粗细*/
border-color: #ccc; /*边框的颜色*/

边框样式常用的属性值有solid（实线）、dashed（虚线）、dotted（点线）和double（双线）等等。边框粗细可以使用像素值、em单位或者百分比等，通常用1px就已经足够了。边框颜色可以使用CSS颜色值或者RGB颜色值来定义。

.border-solid {
border-style: solid;
}
.border-dashed {
border-style: dashed;
}
.border-dotted {
border-style: dotted;
}
.border-double {
border-style: double;
}

上述代码定义了四个类名，分别对应不同样式的边框。将这些类名应用到页面元素中，就可以看到不同样式的边框效果。

.border-thick {
border-width: 2px;
}
.border-thicker {
border-width: 3px;
}
.border-thickest {
border-width: 5px;
}

边框粗细也可以进行自定义，上述代码定义了三个类名，分别对应不同粗细的边框。同样，将这些类名应用到页面元素中，就可以看到不同粗细的边框效果。

.border-black {
border-color: #000;
}
.border-red {
border-color: #f00;
}
.border-blue {
border-color: #00f;
}

最后，边框颜色也可以进行自定义，上述代码定义了三个类名，分别对应不同颜色的边框。同样，将这些类名应用到页面元素中，就可以看到不同颜色的边框效果。

综上所述，CSS基础边框是Web开发中不可或缺的一部分，通过边框的不同样式、粗细和颜色进行组合，可以制作出丰富多彩的页面元素装饰效果。