用CSS+DIV做的框架
作者:Zealjiang
时间:20100922
网页如下所示:
CSS代码如下:
body{
background-color:#000000;
z-index:-1;
}
.full{
width:1366px;
background-image:url(images/);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
overflow:auto;
z-index:0;
}
#header{
width:1000px;
height:100px;
background-color:#996600;
background-position:center;
z-index:1;
}
#mainbody{
width:1000px;
height:610;
background-color:#990033;
margin-top: 10px;
margin-bottom:10px;
}
#leftbar{
width:300px;
height:600px;
margin:5px;
background-color: #00FF33;
float:left;
}
#content{
width:670px;
height:600px;
margin:5px;
background-color:#CCFF00;
float:right;
}
img{
border:0;
float:left;
margin-left:18px;
margin-top:25px;
margin-bottom:10px;
width:200px;
height:160px;
}
#footer{
width:1000px;
height:80px;
background-color:#FF33FF;
background-position:center;
}
HTML代码如下:
<html>
<head>
<link href="" rel="stylesheet">
<title>structure</title>
</head>
<body>
<div class="full" align="center">
<div id="header"></div>
<div id="mainbody">
<div id="lef
用CSS DIV做的框架 来自淘豆网m.daumloan.com转载请标明出处.
