您好,欢迎来到素彩网!

Dreamweaver基础技巧全面接触-美化技巧

来源:sc115.com | 331 次浏览 | 2011-06-29

标签: Dreamweaver Dreamweaver基础技巧全面接触 美化技巧 Dreamweaver教程

四、 美化篇。美化各种网页元素是一件既耗时又不一定出效果的工作,下面我介绍的几个技巧也许能帮你一点忙。
1、快速创建配色方案。我们经常需要设定链接各个状态的文字颜色,有些朋友感觉自己的色彩感不太好,总去寻找一些配色手册。其实Dreamweaver本身已经带了一些配色方案,打开Commands—Set Color Scheme命令,我们可以看到有许多成套的配色方案,每个都定义了背景色、文字色、链接各个状态的颜色,你只需选择一种即可,见下图:

2、Css链接样式技巧。文字链接一般有四个状态,link、hover、active、visited,我们通常都会对文字链接的各个状态定义不同的色彩和样式,但经常有朋友发现自己定义的样式在浏览时并未像设想的那样。主要原因是在样式表中对链接的定义顺序有一定的要求,正确的顺序是:A:link—A:visited—A:hover。对一般的朋友来说,其实很多时候只是想Hover状态有变化,有个小技巧就是不按上面的方法定义链接样式,而只需定义a和a:hover状态的样式即可,这样只有hover状态的样式与其他状态的不同。修改方法如下图;

3、创建不同色彩的连接文字与下划线。普通的链接文字与链接下划线都是相同的色彩,其实我们也可以利用样式表中的Border属性来替代普通链接的划线,由于Border有更多的控制参数和样式,因此只要将Border的色彩和文字的色彩定义的不同即可实现我们的目的。例如我们可以将文字定义为黑色,而在Border选项中定义下划线为红色,如下图;

搜索: Dreamweaver Dreamweaver基础技巧全面接触 美化技巧 Dreamweaver教程 

最热-Dreamweaver综合教程

改善DreamweaverMX编程环境显示

表格边框魔鬼教程

下拉菜单全攻略-用Dreamweaver打造下拉菜单

DreamWeaver中表单的使用和电子邮件表单的打造

Fireworks 4/Dreamweaver 4双剑合壁造弹出菜单

Dreamweaver 4新功能试用手记(1)

Micromedia Dreamweaver UltraDev 安装及使用教程(五)

挖掘Dreamweaver 4.0的“潜力”(三)

怎样用好DREAMWEAVER

Dreamweaver高级进阶之可控幻灯片效果(下)

挖掘Dreamweaver 4.0的“潜力”(五)

DREAMWEAVER3.0中重复元素的使用

DreamWeaver表格妙用-线框打造详解(一)

素材
多种冰激凌和蛋糕PNG图标多种冰激凌和蛋糕PNG图标
精美蔬菜高清图片4精美蔬菜高清图片4
精美蔬菜高清图片2精美蔬菜高清图片2
精美蔬菜高清图片3精美蔬菜高清图片3
精美蔬菜高清图片1精美蔬菜高清图片1
景观效果图素材景观效果图素材
景观效果图素材景观效果图素材
手机高清图片手机高清图片
景观效果图素材景观效果图素材