摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css样式</title> &nbs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css样式</title>
<style type="text/css">
.box{width:100px;height: 100px;border: 1px dotted #ccc;border-radius: 50px;}
.main{width: 100px;height: 100px;border-top:1px solid red;background: #ccc;border-left: 1ps solid red;}
button{border:none;}
.shadow{width: 300px;height: 40px;box-shadow: 0px 6px 30px #ccc inset;}
</style>
</head>
<body>
<div class="box"></div>
<br/>
<div class="main"></div>
<br/>
<button>登录</button>
<br/>
<div class="shadow"></div>
</body>
</html>solid是实心的，dotted是虚点的。border-radius是控制圆角的，box-shadow：是控制阴影的。
批改老师：韦小宝批改时间：2018-11-02 14:56:21
老师总结：写的很不错！理解的也都没毛病！继续加油吧！！！
