css的基础登陆页面设计第一天

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>注册页面</title><style>* {margin: 0px;padding: 0px;box-sizing: border-box;}.rg_layout {width: 900px;height: 500px;border: 8px solid #EEEEEE;background-color: white;margin: auto;margin-top: 15px;}.rg_left {float: left;margin: 15px;}.rg_left > p:first-child {color: #FFD026;font-size: 20px;}.rg_left > p:last-child {color: #A6A6A6;font-size: 20px;}.rg_center {float: left;width: 450px;}.rg_right {float: right;margin: 15px;}.rg_right > p:first-child {font-size: 15px;}.rg_right p a {color: pink;}.td_left {width: 100px;text-align: right;height: 45px;}.td_right {padding-left: 50px;}#username, #password, #birthday, #checkcode, #name, #email, #tel {width: 250px;height: 32px;border: 1px solid #A6A6A6;border-radius: 5px;padding-left: 15px;}#img1 {height: 32px;vertical-align: middle;}#button1 {width: 150px;height: 40px;background-color: #FFD026;border: 1px solid #FFD026;}</style>
</head>
<body>
<div class="rg_layout"><div class="rg_left"><p>新用户注册</p><p>USER REGISTER</p></div><div class="rg_center"><div class="rg_form"><form action="#" method="post"><table><tr><td class="td_left"><label for="username">用户名</label></td><td class="td_right"><input type="text" name="username" id="username" placeholder="请输入用户名"></td></tr><tr><td class="td_left"><label for="password">密码</label></td><td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td></tr><tr><td class="td_left"><label for="email">Email</label></td><td class="td_right"><input type="email" name="email" id="email" placeholder="请输入email"></td></tr><tr><td class="td_left"><label for="name">姓名</label></td><td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名"></td></tr><tr><td class="td_left"><label for="tel">手机号</label></td><td class="td_right"><input type="text" name="tel" id="tel" placeholder="请输入手机号"></td></tr><tr><td class="td_left"><label>性别</label></td><td class="td_right"><input type="radio" name="gender" value="male">男<input type="radio" name="gender" value="female">女</td></tr><tr><td class="td_left"><label for="birthday">出生日期</label></td><td class="td_right"><input type="date" name="birthday" id="birthday" placeholder="请输入生日"></td></tr><tr><td class="td_left"><label for="checkcode">验证码</label></td><td class="td_right"><input type="text" name="checkcode" id="checkcode" placeholder="请输入验证码"><img id="img1" src="img/image.jpeg"></td></tr><tr><td colspan="2" align="center"><input type="submit" id="button1" value="注册"></td></tr></table></form></div></div><div class="rg_right"><p>已有标签?<a href="#">立即登陆</a></p></div></div>
</body>
</html>

css的基础登陆页面设计第一天相关推荐

42个激发灵感、漂亮的登陆页面设计
以下展示了许多设计精美且构思严谨的登陆页面设计.这些华丽的设计能带给你奇思妙想,并能使你为自己网站设计出非常吸引眼球的登陆页面. 这就是42个启发灵感的漂亮登陆页面设计,或许能给你的下个设计项目带来奇 ...
根据PSD登陆页面设计稿切图制作HTML网页全过程
切图的目的是把PSD设计稿转换为HTML页面.记得自己当时学习切图时,网上切图相关的文章是不少,但是大都是讲怎么使用切片工具把一张图片分割成多张图片,然后存储为Web使用格式,并且都比较简单和零碎,并 ...
HTML+CSS实现基础课程表页面制作 (锚链接到页面下方课程详细信息)~小白入门版~
HTML+CSS实现基础课程表 (锚链接到页面下方课程详细信息) HTML代码部分 <!DOCTYPE html> <html><! ...
Web前端简单登陆页面设计代码
HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...
网站登陆页面设计灵感，UI设计得有这个范儿
网页的登录注册页所包含的信息非常有限,但通过使用图片.插画等内容,针对信息巧妙地产生视觉引导,就能让原本单调的页面更加丰富和统一. 一起来欣赏下面搜UI网 sooui 带来的网页登录页面设计. 希望 ...
停车场管理系统页面实现（1）登陆页面设计
首先,用HTML搭建页面框架,具体代码如下: <div class="background"> <div class="dl"> < ...
web前端技术之CSS语言基础与页面布局（中）
4.4CSS属性常用的CSS样式的属性有文本.字体.背景.表格.列表及定位等属性. 文本属性 <!DOCTYPE html> <html lang="en"&g ...
html+css 用户登录注册页面设计
1.服务器地址 <form action="服务器地址"> <!-所有的内容都写在这里面--> <form> 2.表单框(可有可无) <f ...
html加了文档声明之后页面错乱,为登陆页面扩展和配置设计导入程序
为登陆页面扩展和配置设计导入程序此部分介绍如何针对登录页面配置和扩展(如果需要)设计导入程序.登陆页面中介绍了导入后使用登陆页面. 使设计导入程序提取自定义组件以下是使设计导入程序识别自定义组件的 ...

css的基础登陆页面设计第一天

css的基础登陆页面设计第一天相关推荐

最新文章

热门文章

css的基础登陆页面设计 第一天

css的基础登陆页面设计 第一天相关推荐

最新文章

热门文章

css的基础登陆页面设计第一天

css的基础登陆页面设计第一天相关推荐