页面简单基础设计
修改页面
<!DOCTYPE html>
<html>
<style>
#save{
width: 70px;
height: 30px;
margin-left:170px;
}
div{
color: red;
font-size: 35px;
text-align:center;
}
table {
height: auto;
width: auto;
border: 1px solid black;
margin: 0 auto;
}
tr {
float: center;
}
td {
border: 1px solid black;
float: left;
width: 300px;
height: 21px;
}
.message {
width: 40px;
height: 20px;
text-algin:center;
}
.message1 {
width: 40px;
height: 40px;
padding-top: 20px;
border: 1px solid black;
}
.simple {
width: 300px;
height: 60px;
}
.reset {
width: 235px;
padding-left: 110px;
}
<head>
<meta charset="utf-8">
<title></title>
</head>
</style>
<body>
<div>
修改页面
</div>
<form action="">
<table>
<tr rowspan="">
<td colspan="" class="message">
学号
</td>
<td colspan="">
<input type="text" />
</td>
</tr>
<tr rowspan="">
<td colspan="" class="message">
姓名
</td>
<td colspan="">
<input type="text" />
<input type="button" name="" id="" value="保存修改" />
</td>
</tr>
<tr rowspan="">
<td colspan="" class="message">
性别
</td>
<td colspan="">
<input type="radio" name="sex" value="boy" id="man" />
<label for="man">男</label>
<input type="radio" name="sex" value="gril" id="men" />
<label for="men">女</label>
<input type="button" name="" id="" value="保存修改" />
</td>
</tr>
<tr rowspan="">
<td colspan="" class="message">
年龄
</td>
<td colspan="">
<input type="number" />
<input type="button" name="" id="" value="保存修改" />
</td>
</tr>
<tr rowspan="">
<td colspan="" class="message">
爱好
</td>
<td colspan="">
<input type="text" value="打游戏"/>
<input type="button" name="" id="" value="保存修改" />
</td>
</tr>
<tr rowspan="">
<td colspan="" class="message">
头像
</td>
<td colspan="">
<input type="file" value="浏览" />
</td>
</tr>
<tr rowspan="">
<td colspan="" class="message1">
简介
</td>
<td class="simple">
<textarea rows="4" cols="33" overflow-y:auto;>请输入你要修改的内容</textarea>
</td>
</tr>
<tr rowspan="1">
<td colspan="2" class="reset">
<input type="button" value="注册">
<input type="reset" value="重置" />
</td>
</tr>
</table>
</form>
<input type="button" value="保存" id="save" />
</body>
</html>
删除页面
<!DOCTYPE html>
<html>
<style type="text/css">
.id{
text-align: center;
color: red;
font-size: 35px;
}
.ta{
margin: 0 auto;
}
.drop{
text-align: center;
}
<head>
<meta charset="utf-8">
<title></title>
</head>
</style>
<body>
<div class="id">用户信息</div>
<table class="ta" border="1">
<tr>
<td>学号:</td>
<td>0609190814</td>
</tr>
<tr>
<td>姓名:</td>
<td>鄙人李</td>
</tr>
<tr>
<td>性别</td>
<td>男</td>
</tr>
<tr>
<td>爱好</td>
<td>
打游戏
</td>
</tr>
<tr>
<td>头像</td>
<td><img src="3MW2B%60)@)5P_NPJ%7BND$%7B4QJ.png" height="30px" width="30px"></td>
</tr>
<tr>
<td>简介</td>
<td><textarea rows="5" cols="36">鄙人姓李</textarea></td>
</tr>
<tr>
<td class="drop" colspan="2"><input type="submit" value="删除信息" />
</td>
</tr>
</table>
</body>
</html>
感谢你的观看,来自于菜鸡的潦草代码。