摘要：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的作业</title>
<style media="screen">
*{morgin:0px;padding:0px;}
table{margin: 0px auto;background: pink;}
tr td{height:200px;border:0px solid #ccc;width:200px;}
#td1{background:red;color: #ccc;text-align: center;padding: 20px;}
#td2{background: green;color: #ccc;text-align: center;border: 4px solid black;}
.td3{background: red;color:#ccc;text-align: center;margin: 70px;}
.td4{background: red;color: #ccc;border-radius: 50px;height: 100px;width: 100px;margin: auto;line-height: 100px;text-align: center;}
.td5{background: green;color: #ccc;height: 100px;width: 100px;margin: auto;box-shadow: 30px 20px 10px red;line-height: 100px;text-align: center;}
.td6{background: green;color: #ccc;height: 100px;width: 100px;margin: auto;box-shadow: 10px 10px 10px red inset;line-height: 100px;text-align: center;}
#td7{background: red;color: #ccc;border: 5px dotted #ccc;text-align: center;margin: 30px;}
</style>
</head>
<body>
<table>
<tr>
<td><div id="td1">内边框</div></td>
<td><div id="td2">边框</div></td>
<td><div>
外边距
</div></td>
</tr>
<tr>
<td><div>
圆形
</div></td>
<td><div>
阴影
</div></td>
<td><div>
内向阴影
</div></td>
</tr>
<tr>
<td><p id="td7">边框点状线</p></td>
<td><p style="background: red;color: #ccc;border: 5px double #ccc;text-align: center;margin: 30px;">边框双线</p></td>
<td><p style="background: red;color: #ccc;border: 5px dashed black;text-align: center;margin: 30px;">边框虚线</p></td>
</tr>
</table>
</body>
</html>
批改老师：查无此人批改时间：2019-02-22 16:19:08
老师总结：下次把代码缩进，看着整齐，要养成好习惯。完成的不错，继续加油。
