border-width: value;         /* 设置内边框宽度 */
border-style: value;         /* 设置内边框样式 */
border-color: value;         /* 设置内边框颜色 */

div {
  border-width: 1px;          /* 设置为1像素 */
}

div {
  border-width: 2px;          /* 设置为2像素 */
}

div {
  border-width: thin;         /* 设置为细边框 */
}

div {
  border-width: medium;       /* 设置为中等边框 */
}

div {
  border-width: thick;        /* 设置为粗边框 */
}

div {
  border-style: solid;        /* 实线样式 */
}

div {
  border-style: dashed;       /* 虚线样式 */
}

div {
  border-style: dotted;       /* 点线样式 */
}

div {
  border-style: double;       /* 双线样式 */
}

div {
  border-color: red;          /* 红色边框 */
}

div {
  border-color: #00ff00;      /* 绿色边框 */
}

div {
  border-color: rgb(0, 0, 255); /* 蓝色边框 */
}

div {
  border-color: transparent;  /* 透明边框 */
}

div {
  border-color: inherit;      /* 继承父元素的边框颜色 */
}

div {
  border: 1px solid red;      /* 设置宽度为1像素，样式为实线，颜色为红色 */
}

div {
  border-radius: 5px;         /* 设置圆角半径为5像素 */
}

div {
  border-radius: 50%;         /* 设置圆角半径为元素宽度的50% */
}

div {
  border-radius: 10% 20% 30% 40%; /* 设置四个角的圆角半径 */
}

div {
  border: 1px solid red;      /* 设置宽度为1像素，样式为实线，颜色为红色 */
}

div {
  border: 2px dashed blue;    /* 设置宽度为2像素，样式为虚线，颜色为蓝色 */
}

.box {
  width: 200px;
  height: 200px;
  border: 2px solid #ccc;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}