第一次作业作业一:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作业1</title>
<style>
.wa{
background-color:rgba(218, 216, 216, 0.719);
}
.li{
background-color:rgba(145, 142, 142, 0.489);
}
</style>
</head>
<body>
<table border="1px" width="480px" height="100px" cellspacing=0.1px align="center" class="wa">
<tr>
<td colspan="2" align="center" class="li">用户注册</td>
<!-- <td></td> -->
</tr>
<tr>
<td align="right">用户名</td>
<td align="left"><p><input type="text" name="Username" maxlength="20"></p></td>
</tr>
<tr>
<td align="right">密码</td>
<td align="left"><p><input type="password" name="Userpass" maxlength="20"></p></td>
</tr>
<tr>
<td align="right">性别</td>
<td align="left"><p><input type="radio" name="sex" id="" checked>男
<input type="radio" name="sex" id="" >女 </p></td>
</tr>
<tr>
<td align="right">爱好</td>
<td align="left"><label><input type="checkbox" name="like" id="">写作</label>
<label><input type="checkbox" name="like" id="">唱歌</label>
<label><input type="checkbox" name="like" id="">体育</label>
<label><input type="checkbox" name="like" id="">其他</label></td>
</tr>
<tr>
<td align="right">住址</td>
<td align="left"><select name="province">
<option value="shaanxi">陕西省</option>
<option value="shaanxi">四川省</option>
<option value="shaanxi">云南省</option>
<option value="shanx">贵州省</option></select></td>
</tr>
<tr>
<td align="right">自我介绍</td>
<td align="left"><textarea name="intro" cols="25" rows="5" placeholder="请详写"></textarea></td>
</tr>
<tr>
<td align="right" class="li"><p><input type="submit" name="send" id="" value="提交"></p></td>
<td align="left" class="li"><p><button type="reset" name="reset">重置</button></p></td>
</tr>
</table>
</body>
</html>
第二次作业:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>导航栏</title>
<style>
*{
margin: 0px;
}
div{
width: 600px;
height: 30px;
background-color: rgba(11, 12, 17, 0.878);
border-radius:10%;
text-align: center;
margin: auto;
}
li{
list-style:none;
display:inline-block;
color: aliceblue;
box-shadow:10px 10px 15px rgb(204, 167, 167);
}
.box:hover{
background-color:red ;
}
</style>
</head>
<body>
<div >
<li class="box">游戏1</li>
<li class="box">游戏2</li>
<li class="box">游戏3</li>
<li class="box">游戏4</li>
<li class="box">游戏5</li>
<li class="box">游戏6</li>
<li class="box">游戏7</li>
<li class="box">游戏8</li>
<li class="box">游戏9</li>
</div>
<body>
</html>