<!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的值就是設置的字體顏色