CSS 基础：border 的 3 个基础属性和简写方法

CSS中关于border的3个基础属性是：border-width、border-style和border-color。

1. border-width：定义边框的宽度，可以使用像素或其他CSS单位表示。
2. border-style：定义边框的样式，常用的样式包括solid（实线）、dotted（点线）、dashed（虚线）等。
3. border-color：定义边框的颜色，可以使用颜色名、十六进制颜色码或rgb()、rgba()表示。

简写方法是在单个属性中连续设置这三个值，例如：

border: 1px solid black;

这行代码表示边框宽度为1像素，样式为实线，颜色为黑色。

如果想要分别设置每个方向（上、右、下、左）的边框，可以使用border-top、border-right、border-bottom和border-left属性，或者使用border-direction（direction为方向的简写，例如top、right、bottom、left）的简写方法。例如：

/* 分别设置四个方向的边框 */
border-top: 1px solid red;
border-right: 2px dotted green;
border-bottom: 3px dashed blue;
border-left: 4px double purple;
 
/* 上下边框为实线，颜色为黄色，宽度为5px */
border-top: 5px solid yellow;
border-bottom: 5px solid yellow;
 
/* 左右边框为点线，颜色为粉色，宽度为6px */
border-left: 6px dotted pink;
border-right: 6px dotted pink;

这样就可以针对元素的四个边界设置不同的边框样式。