文章目录
边框属性
1.什么是边框？
边框就是环绕在标签宽度和高度周围的线条
2.边框属性的格式
border的属性：
border-width
border-style
border-color
border-style的取值
none 定义无边框。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
solid 定义实线。
double 定义双线。双线的宽度等于 border-width 的值。
2.1连写（同时设置四条边的边框）
border:边框的宽度 边框的样式 边框的颜色
快捷键：bd+ +tab——>border: 1px solid #000;
2.2连写（分别设置四条边的边框）
border-top：边框的宽度 边框的样式 边框的颜色
border-bottom：边框的宽度 边框的样式 边框的颜色
border-right：边框的宽度 边框的样式 边框的颜色
border-left：边框的宽度 边框的样式 边框的颜色
快捷键：
bt+ +tab——>border-top: 1px solid #000;
bb+ +tab——>border-bottom: 1px solid #000;
br+ +tab——>border-right: 1px solid #000;
bl+ +tab——>border-left: 1px solid #000;
2.1和2.2注意点
1.连写格式中颜色属性可以省略，省略之后默认就是黑色；
2.连写格式中样式不能省略，省略之后就看不到边框了；
3.连写格式中宽度可以省略，省略之后还是可以看到边框。
2.3连写（分别设置四条边的边框）
border-width: 上 右 下 左
border-style: 上 右 下 左
border-color: 上 右 下 左
2.3注意点
1.这三个属性的取值是按照上右下左赋值的（顺时针）
2.这三个属性的取值省略时的规律：
如果只赋值了上右下，那么左边的取值和右边一样；
如果只赋值了上右，那么左边的取值和右边一样，下边的取值和上边一样；
如果只赋值了上，那左边、右边、下边的取值和上边一样。
2.4非连写（方向+要素）
border-top-width: ;
border-top-style: ;
border-top-color: ;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset
最低0.47元/天 解锁文章
468
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
