CSS样式:css边框
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS样式</title>
<link rel="shortcut icon"type="image/x-icon"href="images/favicon.ico">
<link rel="stylesheet"type="text/css" href="css/index.css">
<style type="text/css">
.box{width:100px;height:100px;border:1px solid /*double dashed dotted*/#ccc;border-radius:10px}
.main{width:100px;height:100px;border-top:1px solid red;background#ccc;border-left:1px solid red}
button{border:none;}
.shadow{width:300px height:40px;box-shadow:0px 5px 20px #ccc inset;/*border:1px solid#ccc*/}
</style>
</head>
<body>
<div class="box"></div>
<div class="main"></div>
<button>登录</button>
<div class="shadow"></div>
</body>
</html>