恋爱网站界面

写代码的思路

1.  我第一眼看到这个界面的时候 就先把它分为四个部分， 首先是头部部分，然后就是中间logo部分 用户输入部分 然后就是最后的底部。 

2. 然后中间让用户注册的部分 我第一时间想到的是用form表单元素和table表格来做的 。

3. 我个人建议先给tarble 加一个边框 这样做起来不会乱 。

4.下面就是布局思路的效果图

---

注意事项

最开始我建议给第一个全局div加一个宽高：

1.加这个长宽的目的就是可以更清楚的看到整个布局。

2.然后就是如果父级不加高度的话，你下面子级浮动，就会影响下面的布局，如果你给了父级宽高，他就不会影响下面的布局。

---

中间遇到的问题

第一个问题就是（如下图列1）怎么把这个线 弄成一个格子显示

列1：

然后我的解决方法就是行合并,代码如下:

<td colspan="2">
    <hr>
</td>
<td></td>

 效果图：

这边要注意一点就是你合并之后要把那个合并的单元格删掉，如果不删掉就会出现（如下图）红色框框里面的问题。

还有就是 中间的那条线我是怎么弄的 我其实就是用<hr>做的 代码如下：

---

 

知识点

 如果想改变登录框的颜色或者宽高可以这样来写：

---

下面这段代码是让背景不重复：

background-repeat:no-repeat;

---

定位：

我在这个案例里面也运用了这段代码 

---

我用的是混合单位：

如果你使用混合单位，则第一个值是 x 坐标， 第二个值是 y 坐标

130px是x轴（精确单位）   center是y轴 （方位名词）

我的用途就是想让这个背景图片左边间隔130px 然后垂直居中对齐。

下面是我做的效果图和原图

我做的

---

原图

本期就到这 本人萌新 还有很多不足的地方请大家多多关照！