什么是边框？边框就是环绕在标签宽度和高度周围的线条。
只要是个标签就能给他设置一个边框。
---------------------------------------分割线------------------------------------------
边框属性的格式：
①连写（同时设置四条边的边框）：
border:边框的宽度 边框的样式 边框的颜色;
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分页</title>
<style type="text/css">
.box{
width:100px;
height: 100px;
background: red;
border:3px solid black;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
-------------------------------------------------分割线--------------------------------------------------
②连写（分别设置四条边的边框）：
分别设置四条边的边框时就可以单独的设置上、下、左、右的边框。
border-top:边框的宽度 边框的样式 边框的颜色;
border-right:边框的宽度 边框的样式 边框的颜色;
border-bottom:边框的宽度 边框的样式 边框的颜色;
border-left:边框的宽度 边框的样式 边框的颜色;
-------------------------------------------------分割线--------------------------------------------------
③连写（通过要素来分别设置四条边的边框）
border-width: 上 右 下 左 ;（中间用空格间隔开）
border-style: 上 右 下 左 ;（中间用空格间隔开）
border-color: 上 右 下 左 ;（中间用空格间隔开）
如果是三个值，那么设置的就是 上 左右 下。（顺时针）
如果是两个值，那么设置的就是上下 左右。（顺时针）
如果是四个值，那么设置的就是 上 右 左 下。（顺时针）
3648
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
