网站公告列表     智源网于金日改版成功!  [  2008年7月1日]        
加入收藏
设为首页
联系站长
您现在的位置: 智源网 >> 网站建设 >> 网页软件 >> 教程正文
  [组图]制作虚线           ★★★ 【字体:
Dreamweaver MX进阶教程(二十一)制作虚线
作者:佚名    教程来源:本站原创    点击数:    更新时间:2008-7-7    

使用fireworks创建虚线图像
1.选择“文件”/“新建”,在“新建文档”对话框中,设置宽1象素,高3象素。
 
2.选择工具面板上的“缩放”工具,放大画布。
3.选择工具面板上的“矩形”工具,在画布上画一个1×1象素的矩形。

4.在“优化”面板中,设置图像为GIF格式。选择“文件”/“导出”,保存虚线图像。


如果直接把虚线图像作为单元格的背景图像,会出现虚线很宽的情况。这是由单元格中的空格字符 引起的,要想删除 可不是那么容易的事,在代码视图,删除 后,dreamweaver还是会产生。
这时插入1×1象素透明图像,自然就会删除 。


生成1×1象素透明图像
选择“编辑”/“参数选择”。在“布局视图”类别中,单击“创建”按钮,创建一个透明图像。

制作虚线
1.插入一个一行二列的表格。插入点放在需要制作虚线的单元格中。

2.在“站点”面板中,选中1×1象素透明图像spacer.gif,并且把这个图像拖到需要制作虚线的单元格中。这时, 字符自动消失。

3.把插入点放在需要制作虚线的单元格中,然后选择文档左下角“标签选择器”中的td标签。

4.在属性面板中,设置宽度为1。

5.现在需要把虚线图像设置为单元格背景。在“站点”面板中,选择虚线图像。

6.把虚线图像拖到到属性面板上的单元格背景中。

7.制作好的虚线。

8.按F12,在浏览器中测试的效果。

如果需要制作横虚线,使用类似的方法就可以了。

教程录入:admin    责任编辑:admin 
  • 上一个教程:

  • 下一个教程:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    网页制作中关于网页表单提交…
    玩转网页滚动条
    宇宙场景鼠绘教材之星空
    宇宙场景鼠绘教材之星云
    宇宙场景鼠绘教材星体教程
    更快地创建无缝图样
    [Photoshop教程]听雪
    Photoshop制作缭绕的烟雾
    photoshop 技能大全
    PHOTOSHOP再造雪景
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    Copyright 2008-2010 All Rights Reserved
    智源网 版权所有 京ICP备05056525号 站长:智源