<style type="text/css">
button {
/* 设置边框 */
border: 1px solid black; /* 边框宽度为2px，样式为实线，颜色为黑色 */
width: 90px;
height: 50px;
font-size: 25px;
font-weight: bold;
border-radius: 0px;
margin-left: 8px;
text-align: center; /* 文本居中 */
}
/*显示*/
#show {
height: 55px;
font-size: 35px;
}
.num {
border: none;
}
</style>
</head>
<body>
<table border="2px" width="450px" style="height: 500px">
<tr>
<td colspan="4"><img src="../imgs/计算器左上.bmp"></td>
</tr>
<!-- 显示部分-->
<tr>
<td colspan="4">
<div id="show">
计算
</div>
</td>
</tr>
<tr class="num">
<td>
<button value="1">1</button>
</td>
<td>
<button value="3">2</button>
</td>
<td>
<button value="3">3</button>
</td>
<td>
<button value="+">+</button>
</td>
</tr>
<tr class="num">
<td>
<button value="4">4</button>
</td>
<td>
<button value="5">5</button>
</td>
<td>
<button value="6">6</button>
</td>
<td>
<button value="-">-</button>
</td>
</tr>
<tr class="num">
<td>
<button value="7">7</button>
</td>
<td>
<button value="8">8</button>
</td>
<td>
<button value="9">9</button>
</td>
<td>
<button value="*">*</button>
</td>
</tr>
<tr class="num">
<td>
<button value="0">0</button>
</td>
<td>
<button value="=">=</button>
</td>
<td>
<button value="CE">CE</button>
</td>
<td>
<button value="/">/</button>
</td>
</tr>
</table>
</body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>登录页面</title>
<style type="text/css">
body{
text-align: center;
}
fieldset {
width: 400px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend align="middle">登录页面</legend>
<tr>
用户名:<input type="text" name="name" /><br />
</tr>
<tr>
密 码:<input type="text" name="name" /><br>
</tr>
<tr>
类 型:
<td><input type="radio" name="guangli" />管理员
<input type="radio" name="putong" />普通用户<br />
<input type="checkbox" name="n1">记住密码
<input type="checkbox" name="n2">自动登录<br />
</td>
</tr>
<tr>
<input type="submit" name="button" value="提交" />
<input type="reset" name="button2" value="重置" />
</tr>
</fieldset>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
