css 设置边框
CSS 设置边框主要通过border简写属性或单独的样式、宽度、颜色属性来实现。
简写属性
使用border可以一次性定义边框的宽度、样式和颜色，顺序任意。
/* 语法：border: 宽度 样式 颜色; */div{border:2px solid red;}单独属性
分别控制边框的三个核心特征：
- 样式 (
border-style)：定义边框类型，常用值包括solid实线、dashed虚线、dotted点状线和double双线。这是唯一必需的属性，值为none时不会显示边框。 - 宽度 (
border-width)：定义边框粗细，可使用像素px等单位，或thin、medium、thick关键字。 - 颜色 (
border-color)：定义边框颜色，支持颜色名称、十六进制或 RGB 值。
单边设置
若只需设置某一边的边框，可使用border-top、border-right、border-bottom或border-left。
圆角效果
使用border-radius属性可以创建圆角，值为长度单位或百分比。
/* 语法：border-radius: 水平半径 / 垂直半径; */div{border-radius:10px;/* 四个角均为10px圆角 */}
