发表于： 2019-06-26 22:35:07
1 881
task4
思路：定义大div，内部定义5个div，分别为头部栏、输入手机号栏、
输入密码栏、底部栏、忘记密码栏。每个栏根据需要再在内部定义div。
每个栏根据实际需求设置宽高，如果不设置高度，则由内部内容撑起高度。
内部内容如果使永浮动属性，需要加上clear：both实现撑起高度目的。
头部栏：内部定义两个div，一左一右浮动放置，作为注册和关闭，文字居中对齐；
输入手机号栏：定义三个div，分别放置图片、竖线、input输入框。图片输入框中
的图片水平垂直居中，使用浮动，目的是为了和input框处于同一行。竖线div
也使用浮动，实现竖线需要使用border属性和height属性。input输入框看情况指
定宽度，不能过大，过大会使input输入框跳到下一行。输入框需要设置height，
line-height属性让input的内容始终处于输入框中间。输入框也使用浮动属性，
让它紧跟在前面的div后面。
输入密码栏：同上。
底部栏：让文字居中，使用letter-spacing 属性增加字符间的间距。
忘记密码栏：使文字右靠，右浮动，使用text-decoration:underline;定义
文字下的线。a标签需要定义颜色，否则使用默认的a标签颜色。
作业过程中出现body不能铺满屏幕的问题，css样式里给body加个样式解决。
返回列表
评论