谁能帮我把这个HTML的代码写给我看一下
3个回答
展开全部
正好练手，我按自己的审美写了
你参考就行
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>谁能帮我把这个HTML的代码写给我看一下</title>
<style>
/*通用样式*/
.btn{ display: inline-block; margin: 0px; padding: 0px 18px; border: none; border-radius: 2px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 14px; background-color: #4bb05b; cursor: pointer; }
/*页面样式*/
body{ background-color: #f5f5f5; font-size: 12px; }
.main{ margin: 50px auto; padding: 0px; width: 960px; }
.reg{ margin: 0px; padding: 0px; border: 1px solid #4bb05b; border-radius: 5px; overflow: hidden; }
.reg-title{ margin: 0px; padding: 10px 0px; color: #fafeff; font-size: 24px; text-align: center; background-color: #4bb05b; }
.reg-content{ margin: 0px; padding: 30px 10px; background-color: #fff; overflow: hidden; }
.reg-content-z, .reg-content-y{ float: left; }
.reg-content-z{ width: 400px; }
.reg-content-z img{ width: 100%; }
.reg-content-y{ }
.form{ }
.form-table{ border-collapse:collapse; text-align: center; }
.form-table tr{ line-height: 40px; }
.form-table tr td{ font-size: 14px; }
.form-table tr td span{ color: red; }
.form-table tr td a{ font-size: 12px; color: blue; }
</style>
</head>
<body>
<div class="main">
<div class="reg">
<h1 class="reg-title">用户注册</h1>
<div class="reg-content">
<div class="reg-content-z">
<img src="https://www.baidu.com/img/bd_logo1.png?where=super" />
</div>
<div class="reg-content-y">
<form action="#" method="post" class="form">
<table class="form-table">
<tr><td>用户名：</td><td><input type="text" name="username" /><span> * </span></td></tr>
<tr>
<td>头 像：</td>
<td>
<select name="portrait">
<option value="Image1">Image1</option>
<option value="Image2">Image2</option>
<option value="Image3">Image3</option>
</select>
<img src="https://www.baidu.com/img/bd_logo1.png?where=super" height="30px" />
<span> * </span>
</td>
</tr>
<tr><td>密 码：</td><td><input type="text" name="password" /><span> * </span></td></tr>
<tr><td>确认密码：</td><td><input type="text" name="repassword" /><span> * </span></td></tr>
<tr><td>电子邮箱：</td><td><input type="text" name="email" /><span> * </span></td></tr>
<tr>
<td colspan="2">
<input type="submit" value="提交" class="btn" />
<input type="reset" value="重填" class="btn" />
<a href="#">点此登入</a>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
附图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
