第三章习题

2401_87145887

已于 2024-10-01 15:11:41 修改

阅读量169

点赞数 2

文章标签：前端 javascript html

于 2024-09-25 16:45:48 首次发布

本文链接：https://blog.csdn.net/2401_87145887/article/details/142519669

版权

1.采用表格布局完成“CASIO计算机”外观设计，其中表格的每一个单元格均需要设计带边框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算器布局</title>
	</head>
	<body>
		<table border="4" width="350px" height="300px" align="center" bgcolor="#fffff0">
			<tr>
				<td height="20px">
					&nbsp;< img src="img/jsj.bmp"/>
					<tr>
						<td height="80px"></td>
					</tr>
					<tr>
						<td height="200px">
							<table width="350px" border="2px" cellspacing="20px" style="table-layout: fixed;word-break: break-all;word-wrap: break-word;">
								<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>
						</td>
							</table>
					</tr>
				</td>
			</tr>
		</table>
	</body>
</html>

2.编写程序“登入界面”

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算器布局</title>
	</head>
	<body>
		<table border="4" width="350px" height="300px" align="center" bgcolor="#fffff0">
			<tr>
				<td height="20px">
					&nbsp;< img src="img/jsj.bmp"/>
					<tr>
						<td height="80px"></td>
					</tr>
					<tr>
						<td height="200px">
							<table width="350px" border="2px" cellspacing="20px" style="table-layout: fixed;word-break: break-all;word-wrap: break-word;">
								<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>
						</td>
							</table>
					</tr>
				</td>
			</tr>
		</table>
	</body>
</html>