1.添加版心:container
.container {
/*设置版心: 只设置宽度和背景色.高度由内容决定 */
width: 357px;
background-color:pink;
margin: 100px auto;
}
2.添加logo
- h1标签(+a 标签)<h1></h1>
- 背景面添加logo图片和背景色
-
.container h1 { width: 49px; height: 49px; /* 添加logo和背景色 */ background:#ff4c00 url(./images/mi-logo.png); margin: 0 auto; }
- 3.输入框: <input type="search" placeholder="邮箱/手机/小米ID">,可以设置宽高;
.container input { width: 356px;