Dreamweaver部分 1.在DW里插入表格.3行3列,506象素宽(图片的宽度),其余参数为00 C3 K- R1 o9 L2 K& d, s' G
& K# X1 G0 O Z
 + {5 c8 _' V4 D% T4 n
2.插入图片，在上下左右四个角和中间插入图片,这样,九个格子就有五个是满的了 3.设置背景图! D/ }8 R1 s) m: [+ K$ ^2 p0 B
$ W' E- L$ S2 P7 n( u" x
 3 O* _; i3 v; d' w2 M# l$ j
给剩下的四个格子设置背景图.因为表格的背景图是平铺的,所以作为设置作为背景的图片(如图中的engine_top)只需要3*13或13*3的尺寸.
; [' R/ t# v2 M0 K8 g- n9 I9 U6 a7 T q& }7 K( }# M
 4 A' N2 ]; x7 l( @
在DW里看来,似乎就这样好了.那按F12预览一下看看:
! O) d* [6 Z- @6 ^
, t c5 k* N! q/ M& u4 E $ J5 u! n! r$ K. ?; a
7 i$ t3 @3 X: G+ O' V. v 为什么在DW里看是好的预览时却是这样呢? 4.查看源代码. 把视图切换到\\\"Code and Design(源码和设计?)\\\"模式,看到表格对应的代码如下:5 Y: b( j: C9 i2 Z
, X: [. R. F/ m0 Z2 n1 W& g[/td]& n b s p; | 8 f7 V0 `/ w+ k/ b% W; K$ ?7 m& C
 1 _2 M/ h' P ?5 w9 r
| [tr]& n b s p;7 z4 y" ]- i9 Y# S
# d, ?/ X( y" ~$ t+ y4 w[/td] | 3 \/ z! o" B7 @3 U; W! H, V
 * I/ ~6 W( }+ c% x; \* s o ]( F O0 K
[/td]& n b s p | , w! U) G2 G/ n2 p5 X: J
 & m9 E% o# _2 O3 t- s1 a4 W, U
|
那些我们只设了背景图而并没插入任何东西的格子里都有一个:& n b s p;用DW画表格如果不插入任何东西就会有这样的一串代码,反映到浏览器上就会是一个空格,因为有了空格,就把表格撑开了,我们只需手动在源代码里把这些东西删掉就行了.再预览一下,OK了! 另外,你也会发现,中间那个图可以是任何尺寸的图片,不仅仅是480*99. | 
IP卡
狗仔卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
在线客服（工作时间:9:00-22:00）
