摘要：<html><head> <meta charset="UTF-8"> <title>CSS中的边框</title> <link rel="stylesheet" href=""> <style type="text/CSS"> .b
<html>
<head>
<meta charset="UTF-8">
<title>CSS中的边框</title>
<link rel="stylesheet" href="">
<style type="text/CSS">
.box{
width: 100px;
height: 100px;
border: 1px solid #ccc;
background: green;
}
.main{
width: 100px;
height: 100px;
margin: 10px;
border-top: 1px solid red;
border-left: 2px dotted blue;
border-right: 1px solid red;
border-bottom: 2px dotted blue;
}
.box1{
width: 100px;
height: 100px;
border: 1px solid #ccc;
background: gray;
border-radius: 15px;
}
.box2{
width: 100px;
height: 100px;
border: 1px solid #ccc;
background: green;
box-shadow: 10px 20px 5px #ccc;
}
button{
border: none;
}
</style>
</head>
<body>
<div class="box"></div>
<div class="main"></div>
<div class="box1"></div><br>
<button>用户登录</button><br><br>
<div class="box2"></div>
</body>
</html>
批改老师：西门大官人批改时间：2019-02-24 13:56:24
老师总结：作业完成的不错，最好上传一下运行的效果图
