CSS的边框属性-(border)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/icon-x" href="images/logo.png">
<title>css中的边框属性</title>
<style type="text/css">
body{background: url(images/2.jpg) no-repeat right top;}
/*CSS边框属性允许你指定一个元素边框的样式和颜色
border-width 属性为边框指定宽度
border-style 边框样式属性指定要显示什么样的边界(dotted:点线边框、dashed:虚线边框、solid:实线边框、double:两个边框)
border-color 属性为边框指定颜色
简写:border:宽度 样式 颜色;*/
div{width: 500px;height: 400px;/*border: 5px red;*/
border-left: solid 5px red;
border-right:dotted 5px blue;
border-top: double 5px #ccc;
border-bottom:dashed 5px #fff;
background:#BFEAE5; }
p{width: 400px;height: 400px;border: 1px green;/*border-right: dotted 5px green;*/}
</style>
</head>
<body>
<div>
<p></p>
</div>
</body>
</html>