使用CSS完成用户注册页面；

 

 

使用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的多少。