您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> Dreamweaver教程 >> 文章正文
[图文]Dreamweaver MX进阶教程:制作虚线           ★★★
Dreamweaver MX进阶教程:制作虚线
作者:中国教程…  文章来源:中国教程网  点击数:  更新时间:2008-1-8 17:39:22 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

使用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,在浏览器中测试的效果。


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

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    Fireworks中特别的虚线效果
    在PS里虚线的画法
    PHOTOSHOP制作任意虚线的方法
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门