【无标题】

最新推荐文章于 2025-06-12 13:38:52 发布

不止代码

最新推荐文章于 2025-06-12 13:38:52 发布

阅读量531

点赞数

文章标签： html css 网页设计

本文链接：https://blog.youkuaiyun.com/weixin_66529571/article/details/122897538

版权

手动实践6

实例：

程序原码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>动手实践6</title>
	<style>
		*{width: 0;height: 0;border: 0px;}
		.all{width: 600px;
			height: 500px;
			background: #DBDBDB;
			margin: 50px auto;}
		.head{
			width: 500px;
			height: 40px;
			background: #00B97F;margin: auto;	
		}
		form{
			width: 350px;
			height: 300px;
			border: 5px solid #FFFFFF;
			padding-top: 10px;
			margin:10px auto;
			padding-left: 140px;
			font-size: 18px;
			color: #888888;
			letter-spacing: 5px;
		}
		input{
			width: 160px;
			height: 20px;
			margin: 10px;
			line-height: 20px;
			font-size: 12px;
			padding-left: 40px;color: #989090;
			border: 1px solid #0089BF;
		}
		.btn{width: 200px;
			height: 25px;
			background:#00B97F;
			color: #ffffff;
		padding-left: 20px;}
	</style>
</head>
<body>
	<div class="all">
		<div class="head">
		</div>
		<form action="" method="post" name="list">注册新用<br>
			<input type="text" value="用户名" /><br>
			<input type="text" value="密码" /><br>
			<input type="text" value="确定密码" /><br>
			<input type="text" value="电子邮件" /> <br>
			<input class="btn" type="button" value="注册新用户" />	
		</form>
	</div>
</body>
</html>