摘要：<!DOCTYPE html><html><head> <title>作业</title></head><style type="text/css" media="screen"> table{border: 1px pink solid; padding: 10px;
<!DOCTYPE html>
<html>
<head>
<title>作业</title>
</head>
<style type="text/css" media="screen">
table{border: 1px pink solid;
padding: 10px;
margin: auto;
}
tr{text-align: center;}
td{border: 1px #099 solid;
padding: 5px;
}
h2{margin: -10px 20px 0 20px;}
input{text-align: center;
height: 30px;
width: 150px;
margin: 5px 0 5px 0;
}
button{background: #0c6;
border: 0;
width: 200px;
height: 30px;
}
a{text-decoration: none;
color: white;
text-align: center;
font-size: 20px;
}
a:hover{color: blue;}
</style>
<body>
<form action="www.baidu.com" method="post">
<table>
<tr>
<th colspan="2"><h2>作业</h2></th>
</tr>
<tr>
<td><input type="text" name="un" value="" placeholder="请输入用户名"></td>
<td><input type="password" name="pwd" value="" placeholder="请输入密码"></td>
</tr>
<tr>
<td>
<ol>
<li>左侧列表</li>
<li>左侧列表项</li>
</ol>
</td>
<td>
<ul>
<li>右侧列表</li>
<li>右侧列表项</li>
</ul>
</td>
</tr>
<tr>
<td colspan="2"><button><a href="www.baidu.com">跳转</a></button></td>
</tr>
</table>
</form>
</body>
</html>
批改老师：韦小宝批改时间：2018-12-18 11:54:21
老师总结：写的很不错！课后记得要多多练习才可以哦！
