边框:
dotted 点状
dashed 虚线
soild 实线
double 双线
border-style 上 右 下 左
上下的外边距的距离(取最大的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style type="text/css">
.div1{
width: 300px;
height: 40px;
margin-bottom: 30px;
}
.dotted{
border: 2px dotted red;
}
.dashed{
border: 2px dashed red;
}
.solid{
border: 2px solid red;
}
.double{
border:2px double red;
border-width:10px
}
</style>
<body>
<div class="div1 dotted">
dotted
</div>
<div class="div1 dashed">
dashed
</div>
<div class="div1 solid">
solid
</div>
<div class="div1 double">
double
</div>
</body>
</html>