个人主页登陆界面


<!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万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章