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>

 

转载于:https://www.cnblogs.com/ShenG1/p/5669799.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值