万卷书   首页 > 电脑书籍 > Dreamweaver > 网页中水平细线的几种制作方法
 

三、背景法

  背景法相对来说步骤就多了些,需要用到的软件有 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>中间的系统自动加入的“&nbsp;”删除。

(2)

源代码:

  有些网页中的制作可能同时设定了单元格或者表格的高度为 1 pixels ,其实可以不设。

上一页