• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > dreamweaver技巧之设计彩色文字链接示例

dreamweaver技巧之设计彩色文字链接示例

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含dreamweaver技巧,彩色文字链接等相关知识,佚名 希望在学习及工作中可以帮助到您

效果说明

将鼠标置于文本上时,文本样式会发生改变,比如不会出现下划线,文字会闪动等。结合其他样式属性,还可以实现按钮式文字链接,效果如图所示。

具体操作步骤:

步骤一初级链接样式

在 CSS 样式定义设置对话框中的“类型”子选项中有 5 种修饰类型。点选不同的修饰项,可以轻易设置不同的初级链接样式,如图1所示。下面以“无”下划线设置为例进行讲解,其他样式的设置跟本例类似。

1、创建一个 CSS 样式表文件。按下 Shift+F11 键打开 CSS 样式面板,单击【新建样式】按钮,在弹出的【新建 CSS 样式】对话框中点选【高级( ID ,上下文选择器等)】选项,然后在选择器下拉菜单中选择【 a:link 】,单击【确定】按钮,如图2所示。

2、编辑样式。保存样式表文件(文件名为 css.css )后,开始编辑样式。设定默认链接样式为无下划线,字体为宋体 12pt ,其他色彩等参数都不设置,如图3所示。

3、新建并设置样式“ .t1 ”。再次单击【新建样式】按钮,在【新建 CSS 样式】对话框中点选【类(可应用于任何标签)】选项,定义自己的样式类,然后设置名称为“ .t1 ”(【名称】文本框是用来指定类的,用户可以根据需要任意填写,其格式是“ .* ”),最后点选【定义在 css.css 】,一切设置完毕后单击【确定】。接下来的设置跟第二步操作一样,然后单击【确定】,如图4所示。

您可能想查找下面的文章:

  • dreamweaver技巧之设计彩色文字链接示例
  • Dreamweaver技巧之在网页中给视频播放窗口预设图像
  • DreamWeaver操作技巧大全(16条技能)

相关文章

  • 2017-08-06用Dreamweaver制作网页中常用的过渡效果
  • 2017-08-06Dreamweaver8怎么制作个人风格的界面和栏?
  • 2017-08-06dreamweaver教程之制作图形提交按钮示例(图)
  • 2017-08-06Dreamweaver生成新页面css的类失效
  • 2017-08-06利用DreamweaverCS5制作一个含有动态标题的教程
  • 2017-08-06Dreamweaver中Spry区域功能说明
  • 2017-08-06Dreamweaver CS5怎么设计制作网页框架?
  • 2017-08-06dreamweaver[dw9,dw8,cs3 cs5]安装视频教程
  • 2017-08-06Dreamweaver网页中怎么制作锚点链接?
  • 2017-08-06dreamweaver代码怎么排版?dreamweaver代码格式化的方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Dreamweaver基础教程之主体的细分技巧
    • Dreamweaver无法打开提示javascript错误怎么办?
    • Dreamweaver中制作活动菜单条效果的方法
    • dreamweaver状态栏的工具该怎么使用?
    • 用Dreamweaver制作网页表格示例教程
    • Dreamweaver编写CSS必需掌握的技巧
    • dw制作鼠标放上去图片就显示鼠标离开图片就消失
    • dreamweaver站点导入和导出操作步骤
    • dw怎么制作asp动态网页之向数据库增加记录?
    • Dreamweaver CS5更改代码颜色方法(可自定义)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有