设置边框，圆角，阴影
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>边框类型</title>
<style type="text/css">
.box{
width: 100px;height: 100px;border: 1px solid red;
}
.sha{
width: 100px;height: 100px;background: blue;
border: 1px solid #ccc;
/* 设置边框阴影 insert:设置向内阴影; */
box-shadow: 5px 10px 15px #ccc;
}
.yuan{
width: 100px;height: 100px;border: 1px solid #ccc;
/* 设置左上角*/
border-top-left-radius: 5px;
/*设置右小角*/
border-bottom-right-radius: 5px;
}
</style>
</head>
<body>
<!-- 给DIV加入边框 -->
<div class="box"></div>
<!-- 显示阴影 -->
<div class="sha"></div>
<!-- 边框圆角 -->
<div class="yuan"></div>
</body>
</html>