利用css3实现仿Twitter注册页



62 246 83



特效描述:利用css3实现 仿Twitter 注册页,利用css3实现仿Twitter注册页

代码结构

1. 引入CSS

<link rel="stylesheet" href="images/twitter-signup.css" type="text/css">
<link rel="stylesheet" href="images/main.css" type="text/css">

2. HTML代码

		<div id="container">
			<br><br><br>
			<div class="label">html5+css3仿Twitter注册页</div>
			<br><br>
			<div id="twitter-outer">
				<div id="twitter-logo">
					<img src="images/twitter_logo_header.png" alt="Twitter.com" height="36" width="155"> 
					<div class="content-bubble-arrow"></div>
				</div>
				<div id="twitter">
			<form action="" method="post"> 
						<div id='name' class='outerDiv'>
							<label for="name">Full name:</label> 
							<input type="text" name="name" required  /> 
							<div class='message' id='nameDiv'> Enter your first and last name. </div>
						</div>
						<div class='clearfix'></div>
						<div id='username' class='outerDiv'>
							<label for="number">Username:</label> 
							<input type="text" name="username" required  /> 
							<div class='message' id='usernameDiv'> Pick a unique name on Twitter. </div>
						</div>
						<div class='clearfix'></div>
						<div id='password' class='outerDiv'>
							<label for="password">Password:</label> 
							<input type="password" name="password" required /> 
							<div class='message' id='websiteDiv'> 6 characters or more (be tricky!). </div>
						</div>
						<div class='clearfix'></div>
						<div id='email' class='outerDiv'>
							<label for="email">Email:</label> 
							<input type="email" name="email" required /> 
							<div class='message' id='emailDiv'> We'll send you a confirmation. </div>
						</div>
						<div class='clearfix'></div>
						<div id='submit' class='outerDiv'>
							<input type="submit" value="Create my account" /> 
						</div>
						<div class='clearfix'></div>
					</form>
					<div class="clearfix"></div>
				</div>
			</div>	
		<br>
		</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 弹出层拖动 窗口提示框 滑动星星打分 切换按钮 form表单 其他更多 css绘制样式 文字提示框 文本框 注册框 按钮控制 鼠标滑过

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到