当前位置:学者斋 >

设计制作 >网页设计 >

如何利用Dreamweaver彩色文字链接

如何利用Dreamweaver彩色文字链接

大家知道Dreamweaver彩色文字链接吗?我们逛网页的`时候会看到点击文字或是鼠标经过文字时,文字会有变大、变小或是变色的效果,这是怎么做出来的呢?就跟随本站小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网!

如何利用Dreamweaver彩色文字链接

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

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

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

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

相信大家已经了解Dreamweaver彩色文字链接了吧!感谢大家对我们网站的支持!

标签: Dreamweaver 链接
  • 文章版权属于文章作者所有,转载请注明 https://xuezhezhai.com/sjzz/sjzz/ok63z.html