div——02
来源:互联网 发布:怎么重置mac开机密码 编辑:程序博客网 时间:2024/06/04 18:55
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV-01</title>
<style type="text/css">
*{
margin:0;
padding:0;}
.main{
margin:0 auto;
width:805px;
height:805px;
background-color:#C93;
padding:5px;
}
.nav{
width:800px;
height:80px;
background-color:#0CC;
}
.firstcol{
width:800px;
height:150px;
background-color:#930;
}
.secondcol{
width:800px;
height:340px;
background-color:#363;
}
.thirdcol{
width:800px;
height:146px;
background-color:#036;
}
.footer{
width:800px;
height:80px;
background-color:#C30;
}
.firstcol1{
width:250px;
height:140px;
background-color:#F96;
float:left;
margin:2px;}
.firstcol2{
width:250px;
height:140px;
background-color:#990;
float:left;
margin:2px;
}
.firstcol3{
width:250px;
height:140px;
background-color:#9F6;
margin:2px;
float:left;}
.secondcol1{
width:380px;
height:320px;
background-color:#033;
float:left;
margin:10px;}
.secondcol2{
width:380px;
height:320px;
background-color:#03F;
float:left;
margin:10px;}
.thirdcol1{
width:130px;
height:130px;
background-color:#0F9;
margin:4px;
float:left;}
.thirdcol2{
width:130px;
height:130px;
background-color:#0F9;
float:left;
margin:2px;}
.thirdcol3{
width:130px;
height:130px;
background-color:#0F9;
margin:2px;
float:left;}
.thirdcol4{
width:130px;
height:130px;
background-color:#0F9;
margin:4px;
float:left;}
.thirdcol5{
width:130px;
height:130px;
background-color:#0F9;
margin:4px;
float:left;}
.thirdcol6{
width:110px;
height:130px;
background-color:#0F9;
margin:4px;
float:right;}
.footer{
clear:both;}
</style>
</head>
<body bgcolor="#999999">
<div class="main">
<div class="nav"></div>
<div class="firstcol">
<div class="firstcol1"></div>
<div class="firstcol2"></div>
<div class="firstcol3"></div>
</div>
<div class="secondcol">
<div class="secondcol1"></div>
<div class="secondcol2"></div>
</div>
<div class="thirdcol">
<div class="thirdcol1"></div>
<div class="thirdcol2"></div>
<div class="thirdcol3"></div>
<div class="thirdcol4"></div>
<div class="thirdcol5"></div>
<div class="thirdcol6"></div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>
- div——02
- CSS—DIV
- div+css基础——9.div其它常用属性
- Css+Div布局学习(一)—Div布局基础
- div+css总结—FF下div不设置…
- SGU105—— Div 3
- CSS3——div圆角
- 数学——Div算子
- CSS——div & span
- CSS中父div与子div——子div有内容,父div高度却为0?
- CSS中父div与子div——子div有内容,父div高度却为0?
- div+css基础——3.采用div浮动对div进行排版
- div+css基础——5.采用div定位技术对div进行排版(相对定位)
- div+css基础——6.采用div定位技术对div进行排版(绝对定位,不指定父容器)
- div+css基础——7.采用div定位技术对div进行排版(绝对定位,指定父容器)
- DIV居中——不大不小的问题
- Web前台设计——DIV+CSS
- TopCoder——SRM 516 DIV 2
- C语言第四堂作业
- Linux下如何运行文件
- django字段类型总结
- shell 调用oracle数据库方法
- 使用c写python的模块和python调用系统dll
- div——02
- 10245 - The Closest Pair Problem
- linux 不能执行ifconfig
- SOA
- 搭建android开发平台的简便方法
- 如何控制你的生活?
- Store kit介绍
- tomcat出现内存溢出以及性能调优
- SOAP