我们在前面已经做过一些简单的网页,接下来让我们做一些较为复杂的东西。
![](https://img-blog.csdn.net/20181007194411700?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VnZ3BsYW50Xw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
这就是我的空间主页了。
生活的空间
.div_headline{
width:100%;
height:41px;
background-color:#000;
float:left;
}
.div_heada{
width:100%;
height:270px;
background-color:#888;
float:left;
}
.div_bottom{
width:100%;
height:1500px;
background-color:#555;
float:left;
}
.div_headline1{
width:90px;
height:41px;
background-color:#000;
float:left;
margin-top:0%;
}
.div_headline2{
width:16px;
height:16px;
background-color:#000;
float:left;
margin-top:12px;
margin-left:12px;
}
.div_headline3{
width:48px;
height:14px;
background-color:#000;
float:left;
margin-top:8px;
margin-left:2px;
}
.div_heada1{
width:223px;
height:65px;
background-color:#999;
float:left;
}
.div_left{
width:320px;
height:213px;
background-color:#555;
float:left;
margin-top:2%;
margin-left:20%;
}
.div_righta{
width:592px;
height:41px;
background-color:#666;
float:left;
margin-top:2%;
margin-left:2%;
}
.div_rightb{
width:592px;
height:2000px;
background-color:#333;
float:left;
margin-top:1%;
margin-left:2%;
}
个人中心
我的主页
好友
游戏
装扮
冻住不洗
生活
http://10554844837.qzone.qq.com
冻住不洗澡
成长值1
成长速度1点/天
85
照片
185
说说
37
日志
个人档
22岁 双鱼座 男 现居保定
设置形象墙
冻住不洗澡
18:00
浏览次数
这就是全部代码了,虽然有一点复杂,但是不难,至于要认真将一个个div套用过去即可。
|