作者takumi412 (<(￣ c￣)y▂ξ)
看板Web_Design
标题Re: [问题] 一堆图片用CSS来排版
时间Wed Dec 19 20:53:22 2007
: 该如何达到下面我想要的配置呢 图片是P1~P5
: ┌────┬─────────┐
: │ │ │
: │ │ P2 │
: │ ├─────────┤
: │ P1 │ │
: │ │ P3 │
: │ ├─────────┤
: │ │ │
: │ │ P4 │
: ├────┴─────────┤
: │ P5 │
: └──────────────┘
: 谢谢
给你参考一下, IE7 / FireFox 2.0.9 / Opera 9.50 Alpha 测试OK.
<style type="text/css">
<!--
#Block1 {width:1024px;}
#img1 {width:300px; float:left;}
#img2 {width:724px; float:right;}
#img3 {width:724px; float:right;}
#img4 {width:724px; float:right;}
-->
</style>
<div id="Block1">
<div id="img1"><img src="SKY_01.jpg" /></div>
<div id="img2"><img src="SKY_02.jpg" /></div>
<div id="img3"><img src="SKY_03.jpg" /></div>
<div id="img4"><img src="SKY_04.jpg" /></div>
<div><img src="SKY_05.jpg" /></div>
</div>
--
我还没说完呐~~ 够了够了，回家啦 !!!
\ /
○
︵ \○╱/|
. . ﹎ ﹍﹍ ╱￣﹚╱＞
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.105.184.130
※ 编辑: takumi412 来自: 59.105.184.130 (12/19 20:53)
1F：→ kaze:3Q 12/20 01:19