HTML 框架
@charset "utf-8";
/* CSS Document */
.a/*长1*/
{
border:1px solid #6CF;
width:980px;
height:80px;
}
.b/*长2*/
{
margin-top:10px;
width:980px;
height:40px;
border:1px solid #6CF;}
.c/*左1*/
{
margin-top:10px;
border:2px solid #6CF;
width:728px;
height:265px;
}
.d/*右1*/
{
margin-left:738px;
border:1px solid #6CF;
width:240px;
height:50px;
position:absolute;}
.e/*右2*/
{
margin-top:60px;
border:1px solid #6CF;
width:240px;
height:160px;
position:absolute;
}
.f/*左2*/
{
margin-top:30px;
border:1px solid #6CF;
width:730px;
height:95px;}
.g/*右3*/
{
margin-top:-65px;
margin-left:740px;
border:1px solid #6CF;
width:240px;
height:255px;}
.h/*左3*/
{
margin-top:10px;
border:1px solid #6CF;
width:730px;
height:235px;}
.i/*左456*/
{
margin-top:-1px;
border:1px solid #6CF;
width:730px;
height:210px;
}
.j/*右4*/
{
border:1px solid #6CF;
margin-left:740px;
margin-top:84px;
width:240px;
height:230px;
}
.k/*右5*/
{
border:1px solid #6CF;
margin-left:740px;
margin-top:79px;
width:240px;
height:230px;
position:absolute;
}
.l/*右6*/
{
margin-top:-112px;
margin-left:740px;
border:1px solid #6CF;
width:240px;
height:255px;
}
.m
{
margin-top:270px;
border:1px solid #6CF;
width:240px;
height:50px;
}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>框架</title> <link href="框css.css" rel="stylesheet" type="text/css" /> </head> <body leftmargin="200px"> <div class="a"></div> <div class="b"></div> <div class="c"><div class="d"><div class="e"></div></div></div> <div class="f"><div class="g"></div></div> <div class="h"><div class="j"></div></div> <div class="i"><div class="k">k</div></div> <div class="i"></div> <div class="i"><div class="l"><div class="m"></div></div></div>