荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: tiny (Tiny && Caiddy), 信区: Homepage
标 题: 水平细线的几种制作方法(3)
发信站: 荔园晨风BBS站 (Mon Nov 5 21:44:08 2001), 转信
?
背景法相对来说步骤就多了些，需要用到的软件有 photoshop 及
Dreamweaver ，
1.在 Photoshop 中按 Ctrl + N 新建一个 1×1 pixel 大小的文件。
2.调整前景色，设置成需要做成直线的颜色，按 Alt + delete ，填充文件。
3.按快捷键 Ctrl + Alt + shift + S ，把文件保存为网页图象文件 bg.
gif
4.打开 Dreamweaver ，新建一个文档，点击插入表格按钮，插入一个单行单
列的表格，设置如下：border="0" cellspacing="0" cellpadding="0"。
5.使表格处于选中状态，调出属性面板，点击“bg”按钮插入背景图片“bg.
gif”。下面把源代码与效果都展示出来，让大家作个比较，对效果实现的原理有
更加深入的了解。
(1)
源代码：
6.复制上面的表格，按 Ctrl + Tab 键进入源代码窗口，把<td></td>中间的
系统自动加入的“ ”删除。
(2)
源代码：
有些网页中的制作可能同时设定了单元格或者表格的高度为 1 pixels ，其实
可以不设。
--
※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.14.158]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店