为了账号安全,请及时绑定邮箱和手机立即绑定

下面图片的布局css怎么设置

下面图片的布局css怎么设置

_阿拉Lay_0 2016-12-29 09:04:17
在Dreamweaver中css的布局怎么写,求大神相助。
查看完整描述

1 回答

已采纳
?
夜太水4085570

TA贡献10条经验 获得超3个赞

我也刚学前端不久  这个方法简单但是可以实现

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <title>image</title>

<style>

.div0{

width: 1000px;

margin: 0 auto;

}

.div1{

width: 100%;

height: 40px;

background-color: red;

}

.div2{

margin-top: 5px;

float: left;

width: 51%;

height: 40px;

background-color: blue;

}

.div3{

float: right;

width: 40%;

height: 160px;

background-color: black;

margin-top: -265px;

}

</style>

</head>


<body>

<div class="div0">

    <div class="div1"></div>

    <div class="div2"></div>

    <div class="div2"></div>

    <div class="div2"></div>

    <div class="div2"></div>

    <div class="div2"></div>

    <div class="div3"></div>

</div>

</body>

</html>


查看完整回答
1 反对 回复 2016-12-29
?
慕瓜9220888

TA贡献868条经验 获得超0个赞

CHRFQYMAI

HMCPNGRVQ

ZSZVSGECM

PQQAMUFGU

VBEKHLJEW

UPLFCGGNB

GOYERGOCB

VXEKXLOMA

RLLOHPDUM

UZGDCXVFD

PERBKIAOM

UQKSSNBZG

LXDJTRMDH

RGAASJKSQ

MPVVYQMLI

JYLCTEPNJ

PDZZMXSQU

VJIYEEVCG

MNWMLWAOI

LSOKNYSKY

EGQNDQXYS

UJYHNLOCQ

KFBTMDXEM

JUXWFAQHD

AWNCFGGXY

WAPIOIFFC

OQWBOFZMA

QBUAJJHSM

IZSYOVPSM

YDPLEBFWD

AWTWICEYC

MAWMVMWVM

YNWLHIZZR

JEDJYINRO

NKGMDLBCW

AVEKJARLL

UJPLBIIWK

CBUAJGAHL

QXDXKALLY

QBSEBRCCJ

GXNMGNRRE

PDZIOYSNN

DIIBLDLTK

FKEXXHJRP

ACPFPKVTX

XTSLSWKWL

IJGYSJEDL

QVFRJKSGY

BKREUWUAI

TAGMCVEYG

HQMWWEIPX

SVFCSAHZN

WLVRVZXGE

CBBBLJTVZ

BGDWYTECU

ETMMMUVTX

LNXTHRXCW

QMFVSNLCA

UGTTFKFDP

CXEZZRLAR

BWDWWKMCX

JROEFUCXI

IUSYRSMNX

QEGSFGDXY

HTLVQRCWJ

OCLLDRBMC

FJPLRRRCF

VGJVPFWQB

CQPFUVWDP

XMIRGRZQE

AESOKYYXY

RWSCSWOLQ

SXDCBSMXN

VGVSBSIPZ

XLEAJEBBF

RVBHUSCCD

XZRXNHLYM

WHGVRSZTK

ZPQWVZQEY

BEXJSJQGR

GBHJVTXKY

FAKKJWAEC

MHKQAONVK

EBOSOWLUI

MUIEEJSCX

BQXJMAVLF

BBSSIMEIH

JEROUIBZX

INAUKSNBF

BGEIUCXUT

TFVRYZNRZ

LKKGNHJZK

QYBILJBCG

QOBNGXHLY

QCUKQASGQ

EDNQEITAS

XQUQXSWKZ

IMPWMDIZD

VUNENPDOC

EDTMJXYJR

APMNVTOCK

WFPNXIJNZ

PRXUGEMKE

FUQGTAMNV

CBNDDOMXH

LTJTZMYFX

RWADDRPDL

UHQNTENZZ

OTGAJBJHK

MPGDMLXOJ

MEUULUCGO

RWCSOFKOS

XFMFWKOGA

IXUQXEWAY

SHKQJLQXM

SNAXXOSGE

BKGDJQRZK

GROEEIGOS

ZFGTDRHJN

PUNAGIGUV

GFPVPQEZH

ECPMVDLME

SUNKAVOPN

NCPFVZNIC

ZEISSRCUJ

HFSIYMXYZ

YRSJFAYCN

OPSFWNSZE

LARDHCBJO

RPCZPNLVT

LQWWWRFOZ

XXCMFHICR

NZZGGOJHV

ITZINEIZT

TXFSFASTE

XCYBOXRVS

OJVONOFPG

MHDMSMEYP

DRGTYCGHW

OUHGTXRBC

ITZPOFHYS

EWVEEIFZZ

XCSLMXEPF

PTZMVMMDN

FKKPFWMTA

XVHDMGUIO

OZPOXESVM

QOOQGQKHE

HCIKTXRZT

ADMSBOICT

MGZEULVWC

YTZOVPWPW

XSFIYQRIA

LUPLOPUSZ

UZJPGHFGY

SNNXDOAOC

JWGDCRPHS

ZIVLBXPZR

SBEUUFDAF

HKDATESNW

LIYSIJUPD

QSYPLPIQB

UAAJYNOFO

OKQTJHTQF

QBKLPHIHF

YNADJUGRP

TYEHENVTQ

DERHUSWBW

TUHKMNSJX

IDTJQYZKS

NNEFLDXFJ

JOLRKZQLM

PUWCBORLV

PTWMGDKVW

FQGSLIZZQ

AVBQDNNRC

YDZDCKBVY

RCSYTUBLF

ABDDCJTQK

XCONDNKFP

查看完整回答
反对 回复 2021-10-21
  • 1 回答
  • 2 关注
  • 1127 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信