发新话题
打印

Dreamweaver MX进阶教程(十六)制作可拖动表格

Dreamweaver MX进阶教程(十六)制作可拖动表格


在Dreamweaver中,给表格增加css定位,表格就变得象“层”一样可拖动。  
! x2 [! W5 \2 f& r' w" n, J' A9 m' G5 u( X0 O. U9 K
1.在文档中插入一个表格。
$ j6 M2 X" I$ k% W- ]& F9 w/ l3 A- e! f0 l# w- Z9 `  U
2 s, G" y8 I/ o9 K, d4 m, W2 c# V7 p

) O" e5 {% V2 \! X" T2.选中表格,在属性面板上,为表格设置一个id名称。实例中输入f1。
" W; l0 e" D2 @: K. e
' k! u/ T( X: \4 Q
% p* W$ T2 w7 L$ p: D
/ t3 X! W" [7 T' |4 ~* i& ]3.打开css样式面板,单击“新建css样式”按钮。7 t2 o  z, f8 ?2 M: z6 \4 i

! ~, @) s$ c# x! k
- }& P; G/ W1 E+ Z. N* K' C ) {3 i& I; p8 R) T  [
4.在“新建css样式”对话框中,类型中选择“使用CSS选择器”,在选择器中,输入#加上id名称。实例中输入#f1。  ?8 n& L( `. j+ _
. f4 T9 @* F: b, m' n

  H, R1 z& f. n) j9 | 4 g8 D" n7 Q/ a" c# @
5.在“定义”类别中,选择定位类型为“绝对”,在“定位”框中,“左”和“上”输入数值。按“确定”按钮完成CSS设置。7 p# k8 t) g5 X$ G! O, C; \
: ]5 J1 f- @; w
, e- N- G/ @( ?/ h/ ^0 i( K

0 {# ]  r  p  k# q6.在文档中,表格变得象“层”一样可拖动。" s$ G3 R  _- U- f+ N* q

  F& s5 b+ s( G6 o, b



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题