Dreamweaver彩色文字链接的方法技巧

我们逛网页的时候会看到点击文字或是鼠标经过文字时,文字会有变大、变小或是变色的效果,这是怎么做出来的'呢?以下是小编为大家搜索整理的Dreamweaver彩色文字链接的方法技巧,希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!

Dreamweaver彩色文字链接的方法技巧

1、按下 Shift+F11 键打开 CSS 样式面板,单击“新建样式”按钮,在弹出的“新建 CSS 样式”对话框中点选“高级”选项,然后在选择器下拉菜单中选择“ a:link ”,点击确定,创建一个 CSS 样式表文件。

2、保存样式表文件后,设定默认链接样式为无下划线,字体为宋体 12pt ,其他色彩等参数都不设置

3、再次单击“新建样式”按钮,在“新建 CSS 样式”对话框中点选“类”并定义自己的样式类,然后设置名称为“ .t1 ”,点选“定义在 ”,设置完毕后单击确定。接下来的设置跟第二步操作一样,然后单击确定。

4、在文档窗口中输入“无下划线”字样。选中“无下划线”段落,然后打开属性设置界面,在样式列表中选择“ t1 ”,将样式应用到所选网页元素上,保存网页文件后预览,这个时候会发现文字的大小为 12px ,而且超级链接的下划线也不见了。