荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: tiny (Tiny && Caiddy), 信区: Homepage
标  题: 水平细线的几种制作方法(2)
发信站: 荔园晨风BBS站 (Mon Nov  5 21:43:13 2001), 转信

二、表格法

  表格在网页设计中常常用于定位,尤其是大型网站,表格多多,但由于它们的
服务器强大,速度倒不会慢。

  在此介绍表格的另一妙用,制作水平细线。

  1.在 Dreamweaver 中,插入一个单行单列的表格,设置 border="0"
cellspacing="0" cellpadding="0" 。然后在属性面板中设置表格的背景色。

(1)



源代码:



  2.复制上面的表格,按 Ctrl + Tab 键进入源代码窗口,把<td></td>中间的
系统自动加入的“&nbsp;”删除。

(2)


源代码:


  经过预览对比,发现当把“&nbsp;”删除后,表格就收缩了,设置的背景颜色
也成了水平细线的颜色。必须注意的是,最好在设定了背景颜色时再把“&nbsp;”
删除,要不然在设计窗口中再改动颜色就麻烦了些。


--
※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.14.158]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店