一、css边框属性
1.border属性
（1）border:复合属性,设置对象边框的特性, 如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置
（2）例如：border:1px solid red;
设置或检索对象边框宽度
设置或检索对象边框样式
设置或检索对象边框颜色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css 边框属性</title>
<style type="text/css">
div,span{
width: 200px;
height: 200px;
background-color: red;
border:2px solid green;<!-- 线的粗细、形状、颜色 -->
}
</style>
</head>
<body>
<div>
这是一个块元素
</div><br>
<span>
这是一个行元素
</span>
</body>
</html>2.border-color属性
（1）border-color: 设置或检索对象的边框颜色。
①如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。
②如果只提供一个，将用于全部的四边。
③如果提供两个，第一个用于上、下，第二个用于左、右。
④如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。
3.border-style属性
（1）border-style:设置或检索对象的边框样式。
①如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。
②如果只提供一个，将用于全部的四边。
③如果提供两个，第一个用于上、下，第二个用于左、右。
④如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。
（2）取值：
dotted:点状轮廓。
dashed:虚线轮廓。
solid:实线轮廓。
double:双线轮廓。两条单线与其间隔的和等于指定的border-width值
groove:3D凹槽轮廓。
ridge:3D凸槽轮廓。
inset:3D凹边轮廓。
outset:3D凸边轮廓
4.border-width属性
（1）border-width:设置或检索对象的边框宽度
①如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。
②如果只提供一个，将用于全部的四边。
③如果提供两个，第一个用于上、下，第二个用于左、右。
④如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。
5.border-radius属性
（1） border-radius：设置或检索对象使用圆角边框。