<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<style type="text/css">
width:300px;
height:300px;
border:10px dotted rgba(255,0,0,0.5);
</style>
</head>
<body>
<!--
边框（border）的组成
1.边框的粗细
1px
2.边框的样子
solid 实线
dashed 虚线
dotted 点划线（不同浏览器显示的是不一样的）
3.边框的颜色
red 颜色的英文单词
#f00 颜色的16进制表示方法
rgba(255,0,0,0.5) 颜色的rgb的表示方法
-->
<div id="">
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<style type="text/css">
div{
width:300px;
height:300px;
/*border:1px solid red;*/ /*复合样式*/
/*单一样式*/
border-width:1px 2px 3px 4px;
border-style: solid dashed dotted solid;
border-color: red gree blue black;
/*
border-width:1-px 2px 3px 4px
上边 右边 下边 左边
border-style：solid dashed dotted solid
上边 右边 下边 左边
*/
}
</style>
</head>
<body>
<div id="">
</div>
</body>
</html>