控制元素边框大小主要用border-width或简写border属性。1. border-width可单独设置四边或统一设置，值为1至4个长度；2. border简写需包含宽度、样式和颜色，如border: 2px solid #000；3. 可用border-top等设置单边边框；4. 宽度支持thin、medium、thick关键字或具体长度，但必须指定样式否则不显示。
CSS 中控制元素边框大小主要通过 border-width 属性实现，也可以使用简写属性 border 一次性设置边框的宽度、样式和颜色。下面详细介绍几种常用方法。
1. 使用 border-width 设置边框粗细
你可以单独设置四条边的宽度，或者统一设置：
• 单独设置每条边：使用 border-top-width、border-right-width、border-bottom-width、border-left-width• 统一设置四边：border-width 接受 1 到 4 个值，表示上右下左（顺时针）
• 示例：
div {
border-width: 2px; /* 四边都是 2px */
border-width: 1px 3px; /* 上下 1px，左右 3px */
border-width: 2px 4px 1px 3px; /* 上:2px, 右:4px, 下:1px, 左:3px */
}
2. 使用 border 简写属性
最常用的方式是使用 border 简写，同时设置宽度、样式和颜色：
• 格式：border: width style color;• 示例：
div {
border: 2px solid #000; /* 2px 宽的黑色实线边框 */
border: 5px dashed red; /* 5px 宽的红色虚线边框 */
}
注意：如果只设置宽度但没指定样式（如 border: 2px;），边框不会显示，因为默认样式是 none。
立即学习“前端免费学习笔记（深入）”；
3. 分别设置某一边的边框
有时只需要给某一边加边框，可以用：
• border-top、border-right、border-bottom、border-left• 示例：
div {
border-bottom: 3px solid blue; /* 只给底部加蓝色边框 */
border-left: 1px solid gray; /* 只给左边加灰色边框 */
}
4. 常用的宽度值
• 关键字：thin（约 1px）、medium（约 3px，默认值）、thick（约 5px）• 长度值：1px、2em、0.5rem 等支持所有 CSS 长度单位
• 无边框：0 或 none
基本上就这些。只要记得设置边框时必须包含 style（如 solid、dashed），否则即使设置了宽度也不会显示。灵活使用简写和单独属性，就能精确控制任意边框大小。不复杂但容易忽略细节。
