发布时间 : 星期一 文章网页设计教程 - 图文更新完毕开始阅读efbff4360912a216147929e6
2、 定制下划线色彩，我们可以界说出下划线与文字分歧的色彩，这是通俗链接文字不成能实现的结果，只要将Border的色彩和文字的色彩界说的分歧即可，如图十三；
3、 定制下划线距离。此种划线的距离我们可以在Box分类中设置，只需改变Padding的数值，在本例中我们设定Padding—Bottom为5pix，如图十四；
4、 定制划线长度和对齐体式格局。更进一步我们还可以切确界说划线的长度和对齐体式格局，打开Box分类设定Width为200，如图十五；设定Block分类的Text Align为Center，即中心对齐，如图十六；
5、 定制双划线结果。改变Border中的Style即可改变划线的外不美观，其中设定Style为Double，并设定Bottom为3pix即可实现双划线的结果。如图十七；
四、 高级链接样式
经由过程组合应用上面介绍的手艺，我们还可以创作出更复杂的文字链接样式，下面我们介绍三个例子。
1、 界说块状链接。首先给链接增添一个布景色，如图十八；
再为文字链接增添四边框即可实现平面块状文字链接，如图十九；
2、 界说按钮状文字链接。改变边框的样式，界说Border-Style为outset，如图二十；
界说Box选项中的Width和Height可以界说按钮的宽和高，界说Padding为2pix可以
使链接文字与按钮周围有2pix的间距，如图二十一；
3、 界说特效文字链接。CSS样式表中还包含了一组特效滤镜，我们可以再连系滤镜与前边的参数建立特别的链接样式。本例中我建立了一个利用Blur滤镜的文字链接，并带有边框结果。如图二十二；
4、 界说静态布景切换的结果。本例是经由过程对链接文字通俗状况和Hover状况设定分歧的布景图片来实现布景切换的结果。见下图：
5、 动态布景切换的结果。此结果与上例根基一样，只是在Hover状况界说了一个动态Gif图片布景。而且这个图片需要一点技巧就是设定轮回为一遍，并在最后添加一个帧，设
定帧的时候为一个较大的值，如10000。这样可以使动画执行一边后就遏制。为改善结果执行时的速度，我们还需要在Dreamweaver中增添了一个Preload /doc/webpage/images/images行为。这需要打开行为面板，并添加Preload /doc/webpage/images/images行为，如图：
Dw打造多彩文字链接(3)
时间:2010-09-15
我们可以把最后两种链接样式所需要用到的四张图片都预先载入，如下图：
五、 总结
我就介绍这么多链接样式，配合设置链接文字的hover状况，可以实现很是标致的结果，具体的页面浏览请看这里，但愿伴侣们按照上面的思绪，组合缔造出更多地链接文字样式。记住，样式表就好比网页建造中具有宝藏的一个冰山，今天我们只是揭开了冰山小小的一个角落，更多的宝藏等着你去挖掘。
Dw设计、套用模板技巧