個人主頁登陸界面


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

發佈了28 篇原創文章 · 獲贊 18 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章