<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>计算机布局</title>
<style>
td{
font-size: 30px;
width: 25%;
}
table{
width: 660px;
margin: 10 auto;
}
</style>
</head>
<body>
<table width="660px" border="1" align="center" bordercolor="#000000" bgcolor="#4f4f4f">
<tr>
<td>
<img src="img/ST1.bmp" id="id1"/>
</td>
</tr>
<table width="660px" border="2" align="center" bordercolor="#000000">
<tr>
<td>
<br />
<br />
<br />
</td>
</tr>
</table>
</table>
<table width="660px" height="260px" border="1" align="center"
cellspacing="50px" cellpadding="20px" bordercolor="#000000" bgcolor="#4f4f4f">
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
<td>+</td>
</tr>
<tr align="center">
<td>4</td>
<td>5</td>
<td>6</td>
<td>-</td>
</tr>
<tr align="center">
<td>7</td>
<td>8</td>
<td>9</td>
<td>*</td>
</tr>
<tr align="center">
<td>0</td>
<td>=</td>
<td>CE</td>
<td>/</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录界面 表单版</title>
<style>
form{
width: 300px;
margin: 20px auto;
}
fieldset{
align:center;
}
</style>
</head>
<body>
<form>
<fieldset width="500px" height="200px" margin="20p" align="center">
<legend align="center">登录界面</legend>
<table width="300" align="center" border="0">
<tr>
<td width="150" align="right">用户名:</td>
<td><input type="text" name="name" size="20" required/></td>
</tr>
<tr>
<td width="150" align="right">密码:</td>
<td><input type="password" name="password" size="20" required/></td>
</tr>
</table>
类 型: <input type="radio" name="radio" size="20"/>管理员
<input type="radio" name="radio1" size="20"/>普通用户 <br />
<input type="checkbox" name="checkbox" size="20"/>记住密码
<input type="checkbox" name="checkbox1" size="20"/>自动登录<br />
<input type="submit" name="button" size="20" value="提交"/>
<input type="reset" name="button1" size="20" value="重置"/>
</fieldset>
</form>
</body>
</html>