<!DOCTYPE html>
<html>
<style type="text/css">
body{
text-align: center;
background:url(http://dash.ga.co/assets/anna-bg.png);
background-size: cover;
color: white;
font-family:"Microsoft YaHei";
}
input{
border: 0;
padding: 10px;
font-size: 15px;
}
input[type="submit"]{
background-color: red;
color: white;
/*font-family: "Microsoft YaHei";*/
}
p{
color: white;
font-size: 22px;
}
</style>
<head>
<title>登陆页面</title>
<meta charset="utf-8">
</head>
<body>
<img src="http://dash.ga.co/assets/anna.png">
<p>走马行酒醴,驱车不鱼肉</p>
<input type="input" placeholder="请输入邮箱">
<input type="submit" >
</body>
</html>
1、设置表单可以通过input[type=”submit”]{ background-color: red; color:
white; }这种方式选择标签,再进行设置
2、表单用 placeholder 属性设置输入提示
3、选择图片可以从网络中加载:background:url(http://dash.ga.co/assets/anna-bg.png);
4、background-size: cover 可以设置背景铺满
5、直接设置color的值就是设置的字体颜色