HTML+CSS实现静态注册页面

最新推荐文章于 2022-04-30 19:43:31 发布

原创

最新推荐文章于 2022-04-30 19:43:31 发布 · 6.9k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #注册

本文介绍了如何利用HTML和CSS技术设计并实现一个静态的注册页面，包括页面的最终展示效果和详细的实现代码。

最终效果

实现代码

<!DOCTYPE html>
<html>
<head>
	<title>注册页</title>
	<style type="text/css">
		* {
			padding: 0;
			margin: 0;
			font-size: 15px;
		}
		.red {
			margin: 0 auto;
			width: 650px;
			color: #D22;
		}
		.blue {
			font-weight: bold;
			color: #22F;
			background-color: #DCE2EE;
		}
		table {
			margin: 0 auto;
			width: 650px;
			border: 1px solid #DCE2EE;
		}
		table tr td {
			padding: 4px;
		}
		.left {
			width: 120px;
			text-align: right;
		}
		.center {
			width: 162px;
		}
		.right {
			padding: 10px;
			width: 300px;
			background-color: #F2F2F2;
		}
		input {
			width: 160px;
			height: 22px;