网站首页 语言 会计 电脑 医学 资格证 职场 文艺体育 范文

初级版Dreamweaver设计彩色文字链接教程

栏目: 网页设计 / 发布于: / 人气:2.25W

Dreamweaver作为一款设计款软件,其功能无比强大。下面是本站小编带来的`初级版初级版Dreamweaver设计彩色文字链接教程教程,欢迎学习!

初级版Dreamweaver设计彩色文字链接教程

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

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

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

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