请问怎么样才能做到视频那样的居中对齐效果

来源:5-9 编程练习

qq_慕妹9276277

2022-04-08 05:40:05

<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title></title>

</head>
<body>
<!--此处填写代码-->
<h1>注册信息</h1><br>
<label>用户名:</label>
<input type="text"><br>
<label>密码:</label>
<input type="text"><br>
<label>确认密码:</label>
<input type="text"><br>
上传照片:<input type="hidden"><input type="button" value="浏览">

</body>
</html>


写回答

1回答

好帮手慕小脸

2022-04-08

同学你好,这里同学可以参考作业需求,实现居中对其效果

https://img.mukewang.com/climg/624fa64609d35ef205160151.jpg

参考代码如下所示:

<body>
<!--此处填写代码-->
	<h1 align="center">注册信息</h1>
	<form>
		<table bgcolor=#f2f2f2 width="720px" align="center">
			<tr>
				<td>用户名:</td>
				<td><input type="text" name="username" placeholder="请输入用户名"></td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input type="password" name="password" placeholder="请输入密码"></td>
			</tr>
			<tr>
				<td>确认密码:</td>
				<td><input type="password" name="repeatpassword" placeholder="请重复输入密码"></td>
			</tr>
			<tr>
				<td>上传照片:</td>
				<td><input type="file" name="uploadimg" value="浏览..."></td>
			</tr>
		</table>
	</form>
</body>

祝学习愉快~

1

0 学习 · 16556 问题

查看课程