CSS3基础-边框

CSS边框可以通过`border`属性来设置，它允许你定义边框的样式、宽度和颜色。下面是一些设置边框的示例代码：
1. 设置所有边框：

/* 设置所有边框为1px宽的实线，颜色为黑色 */
border: 1px solid black;

2. 分别设置上、右、下、左边框：

/* 分别设置上边框、右边框、下边框、左边框 */
border-top: 2px solid red;
border-right: 2px solid green;
border-bottom: 2px solid blue;
border-left: 2px solid yellow;

3. 设置边框圆角：

/* 设置边框圆角为10px */
border-radius: 10px;

4. 设置边框阴影：

/* 设置边框阴影，水平偏移3px，垂直偏移3px，模糊半径5px，颜色为黑色 */
box-shadow: 3px 3px 5px black;

5. 设置边框样式为虚线：

/* 设置边框为1px宽的虚线，颜色为灰色 */
border: 1px dashed grey;

6. 设置边框样式为双线：

/* 设置边框为2px宽的双线，颜色为蓝色 */
border: 2px double blue;

7. 移除边框：

/* 移除所有边框 */
border: none;

8. 使用`border-collapse`属性设置表格边框合并：

/* 设置表格边框合并 */
table {
    border-collapse: collapse;
}

9. 使用`border-spacing`属性设置表格边框间距：

/* 设置表格边框间距为5px */
table {
    border-spacing: 5px;
}

这些示例展示了如何使用CSS来设置元素的边框。你可以根据需要调整边框的样式、宽度和颜色，以及添加圆角和阴影效果。