在Dream weaverCS5把图片变成横线的巧妙技巧!

 时间:2026-02-14 21:40:09

1、首先我们打开Adobe Dream Weaver CS5,要新建一个站点,然后才新建一个网页文件,站点根目录在自己收藏的图片素材文件夹内即可。

在Dream weaverCS5把图片变成横线的巧妙技巧!

2、然后我们就进入到了刚才新建的空白网页的设计器中

3、我们首先要创建一个如图所示的表格。需要注意的是:边框粗细,单元格边距,单元格间距这一切都要设成零。

4、表格宽度就是我们等一下横线的长度,如果你想这个横线贯穿网页表格宽度设成100%即可。这里我设计的是90%。

在Dream weaverCS5把图片变成横线的巧妙技巧!

5、表格创建好了之后,我们转移到代码视图,找到刚才表格的代码,在这一段字符后面的中间红圈处打一个空格输入background,电脑会自动帮我们识别。

在Dream weaverCS5把图片变成横线的巧妙技巧!

在Dream weaverCS5把图片变成横线的巧妙技巧!

6、我们点击浏览,找到自己想要设置成为横线的图片。当我们插入的图片之后,会发现在在图中显示的是一条粗线。那么如何把它变细呢?

在Dream weaverCS5把图片变成横线的巧妙技巧!

1、首先把表格的高度改为三个像素,当然如果你想等一下的线粗一点,也可以把像素增加。

在Dream weaverCS5把图片变成横线的巧妙技巧!

2、然后找到代码视图下的这一个表格里的位置,里面会有一段空白的填充字符,就是框内的黑色字体。

在Dream weaverCS5把图片变成横线的巧妙技巧!

3、我们把这一个内容删除就可以了,点击预览并保存,就可以看到网页中的细线出现了。

在Dream weaverCS5把图片变成横线的巧妙技巧!

1、总结:打开软件——设置站点——插入表格——表格背景更改——设置表格高度——删除填充字符——完成。

  • 有创意的情书——最长情的告白
  • 绝地求生刺激战场怎么发布招募信息 招募队友
  • 职业发展方向怎么填写
  • 如何使用text-indent
  • HTML5自学教程
  • 热门搜索
    打印机怎么设置 vivo怎么样 剥怎么组词 锅包肉的汁怎么调 微信怎么群发消息给好友不建群 畏寒怕冷是怎么回事 小腿浮肿怎么办 手脚麻木是怎么回事 garage怎么读 怎么做折线图