.example{
border-width: 2px 3px 4px 5px;
}上述样式定义了一个长度为2px、3px、4px、5px的边框，分别对应上、下、左、右。
border-style用来定义边框的样式，其可取值包括：solid、dashed、dotted、double、groove、ridge、inset、outset等。在书写时，一般采用如下格式：border-style: 上下左右；
.example{
border-style: solid dashed dotted double;
}上述样式定义了一个样式为solid、dashed、dotted、double的边框，分别对应上、下、左、右。
border-color用来定义边框的颜色，其可取值包括：颜色值、rgb值、rgba值等。在书写时，一般采用如下格式：border-color: 上下左右；
.example{
border-color: #f00 #0f0 #00f #000;
}上述样式定义了一个颜色分别为红、绿、蓝、黑的边框，分别对应上、下、左、右。
在书写border属性时，需要将上述三个值依次按照border-width、border-style和border-color的顺序书写，中间用空格隔开，如：
.example{
border: 2px solid #f00;
}上述样式定义了一个宽度为2px、样式为solid、颜色为红的边框。
总之，掌握好border属性的书写顺序可以提高代码的可读性和可维护性，帮助大家更加清晰地表达大家的意图。