css border属性说明

作者：终生卟离发布日期:2026-02-02 浏览:68

/* 示例代码：使用 CSS border 属性 */

/* 简单的实线边框 */
.example1 {
  border: 2px solid black;
}

/* 设置不同方向的边框样式 */
.example2 {
  border-top: 5px dashed red;
  border-right: 2px dotted blue;
  border-bottom: 3px double green;
  border-left: 4px groove yellow;
}

/* 圆角边框 */
.example3 {
  border: 2px solid black;
  border-radius: 10px;
}

/* 只设置一个方向的边框 */
.example4 {
  border-left: 5px solid orange;
}

/* 解释说明：
- border 属性可以同时设置边框的宽度、样式和颜色。
- border-top, border-right, border-bottom, border-left 分别用于设置上、右、下、左边框。
- border-radius 用于设置圆角边框，使得边框有圆滑的转角。
*/

上一篇：css单行省略

下一篇：css文字