CSS border边框（理解网页边框制作）

CSS中的border属性用于设置元素的边框样式、宽度和颜色。

基本语法：

border: border-width border-style border-color;

• border-width 定义边框的宽度，可以使用像素或其他CSS单位。
• border-style 定义边框的样式，常用的样式包括 solid、dotted、dashed 等。
• border-color 定义边框的颜色，可以使用颜色名、十六进制颜色码或 rgb() 表达式。

实例代码：

div {
  border: 2px solid blue; /* 定义一个2像素宽、实线、蓝色的边框 */
}

HTML中使用：

<div>我有边框</div>

你可以单独设置边框的每一面，例如 border-top、border-right、border-bottom 和 border-left。

实例代码：

div {
  border-top: 2px solid red;    /* 上边框为红色 */
  border-right: 3px dotted green; /* 右边框为点状，绿色 */
  border-bottom: 4px dashed blue;  /* 下边框为虚线，蓝色 */
  border-left: 5px solid black;   /* 左边框为实线，黑色 */
}

HTML中使用：

<div>
  上边框
  右边框
  下边框
  左边框
</div>

以上代码展示了如何使用CSS为元素添加边框，并可以单独设置每一边的边框样式。