border 样式用于设置元素的边框。它是一个复合样式，包括 border-width、border-style 和 border-color 这三个子属性，分别用于设置边框的宽度、样式和颜色。
border 属性是用来设置 HTML 元素的边框的。它可以设置边框的颜色、样式和宽度。可以使用单独的属性分别设置边框的颜色、样式和宽度，或者使用 border 属性一次性设置它们。
以下是 border 样式的语法：
selector {
border: [border-width] [border-style] [border-color];
}
其中，selector 表示 CSS 选择器，border-width、border-style 和 border-color 分别表示边框的宽度、样式和颜色，可以按照需要省略其中一个或多个。
border-width 可以取以下值之一：
thin：表示细的边框；
medium：表示中等宽度的边框；
thick：表示粗的边框；
长度单位：表示指定的边框宽度，例如 2px、0.5em 等。
border-style 可以取以下值之一：
none：表示无边框；
hidden：表示隐藏边框，与 none 类似，但元素仍占据边框宽度；
dotted：表示点线边框；
dashed：表示虚线边框；
solid：表示实线边框；
double：表示双线边框；
groove：表示 3D 凹槽边框；
ridge：表示 3D 凸槽边框；
inset：表示 3D 凹边框；
outset：表示 3D 凸边框。
border-color 可以取以下值之一：
颜色值：表示指定的边框颜色，例如 red、#00FF00 等。
border: border-width border-style border-color;
其中：
border-width 表示边框的宽度，可以取值为 thin、medium 或 thick，也可以使用具体的像素值（例如 1px）。
border-style 表示边框的样式，可以取值为 solid、dashed、dotted、double、groove、ridge、inset 或 outset。
border-color 表示边框的颜色，可以使用具体的颜色值（例如 red、#000000），也可以使用关键字 transparent 表示透明。
你也可以单独设置 border-top、border-right、border-bottom 和 border-left 属性来设置元素的四个方向的边框。
border css例子：
以下代码会给元素添加一个红色、粗细为 2 像素、实线的边框css实例代码：
border: 2px solid red;
以下代码会给元素的上边框添加一个粗细为 1 像素、实线的边框，颜色为蓝色：
border-top: 1px solid blue;
以下代码会给元素添加一个黑色、粗细为3 像素、实线的边框css实例代码：
border: 3px solid #000000;