首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Dreamweaver教程之打造多彩文字链接

[ 作者来源:梦觉/蓝色理想 编辑整理:PhotoShop资源网 更新时间: 2007-06-13 录入: 黄叶飞扬 ]

  3、 定制下划线距离。此种划线的距离我们可以在Box分类中设置,只需改变Padding的数值,在本例中我们设定Padding—Bottom为5pix,如图十四;


 

按此在新窗口浏览图片


 


 

  4、 定制划线长度和对齐方式。更进一步我们还可以精确定义划线的长度和对齐方式,打开Box分类设定Width为200,如图十五;设定Block分类的Text Align为Center,即中间对齐,如图十六;


 

按此在新窗口浏览图片


 


 

按此在新窗口浏览图片


 


 

  5、 定制双划线效果。改变Border中的Style即可改变划线的外观,其中设定Style为Double,并设定Bottom为3pix即可实现双划线的效果。如图十七;


 

按此在新窗口浏览图片


 


 

  四、 高级链接样式


 

  通过组合应用上面介绍的技术,我们还可以创作出更复杂的文字链接样式,下面我们介绍三个例子。


 

  1、 定义块状链接。首先给链接增加一个背景色,如图十八;


 

按此在新窗口浏览图片


 


  再为文字链接增加四边框即可实现平面块状文字链接,如图十九;


 

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!