1.html5中的属性（placeholder）实现文本框的提示信息，required属性设置文本框信息是必填的。
2. css3的属性线性渐变（linear-gradient）实现页面（body）区域的背景色。
3.通过绝对定位（position:absolute）和CSS3中的变形(transform)实现div的页面居中定位。
案例的效果如下：
网页login.html的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/page.css"/>
</head>
<body>
<div class="login1">
<h1>后台管理登陆</h1>
<div>
<form>
<p>
<input type="text" placeholder="请输入登录帐号" required="required"/>
</p>
<p>
<input type="password" placeholder="请输入登录密码" required="required"/>
</p>
<p>
<button type="submit">登陆</button>
</p>
</form>
</div>
</div>
</body>
</html>
外部样式文件page.css的代码如下：
发表评论