使用CSS完成用户注册页面;
做成这样一个页面;
①设置body的background-image背景图【该背景图是全铺方式,个别网页注册采用指定位置background-position定位背景图在真个页面的位置】;
②分成一个div,分装left ,mid,right 这三部分,mid中使用一个div来装table(以便于调节table在页面的布局或者定位) ,
最外部div水平居中margin: auto,(margin-top自定义设置,可以在margin: auto中指定)边框width 宽度7-9px最佳,颜色color自定义;
【或者使用框架标签frameset 来布局整个页面的框架,Ps;使用框架标签需要去掉body,不然没有效果】
③分析table表单;
1,首先定义<form ></form> 标签;
2,把table划分为;2列n行,通过colspan等操作,在创建表单时候给每个<td></td>列标签定义class属性,
t-left和t-right,以便后期指定margin-left 的距离再添加时候麻烦;
3,head标签中设置css样式,先把表单border调出来,把整个表单位置定好(也就一个位置margin-top视距离定义即可。)
③针对left,mid ,right 分别设置浮动float(right是右浮动);
说明;本人外部div指定的width:850px; height:400px;
分装left ,mid,right 的这三部分,是按照百分比来分的,分别是25%;47%;25%,(这三部分加起来不是100%,是因为留了3分给它,怕它骄傲)。也可以通过rule来测量规划各部分占得px的多少。
body部分;