网页设计中去掉超链接下划线实现方法

  • 网站建设 2018-08-05
<返回列表

  网页设计中去掉超链接下划线的方法一般通过用CSS语法来实现,其基本原理是:1、当超链接文字未被点击时无下划线,显示为蓝色;2、当鼠标移动到超链接文字上时出现下划线,链接文字显示为红色;当鼠标点击超链接文本后,链接无下划线,文字显示为绿色。

  CSS语法的概念

  CSS语法属于CSS,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

  其特点是能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

  CSS语法由三部分构成:选择器、属性和值。选择器通常是用户希望定义的HTML元素或标签,属性则是用户希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围。


 网页设计中去掉超链接下划线实现方法



  实现用CSS语法来控制超链接的形式、颜色变化的源代码


  <style type="text/css">


  <!--

  a:link { text-decoration: none;color: blue}

  a:active { text-decoration:blink}

  a:hover { text-decoration:underline;color: red}

  a:visited { text-decoration: none;color: green}

  -->

  </style>

  关于源代码的名词解释:

  1、a:link:指正常的未被访问过的链接;

  2、a:active:指正在点的链接;

  3、 a:hover:指鼠标在链接上;

  4、a:visited:指已经访问过的链接;

  5、text-decoration:是文字修饰效果的意思;6、none:参数表示超链接文字不显示下划线;7、underline:参数表示超链接的文字有下划线。

  同理,将源代码中的none替换成overline则给超链接文字加上划线,替换成line-through则给超链接文字加上删除线,替换成blink则使文字在闪烁。

  以上内容由【分形科技】编辑整理!更多有关北京网站建设、企业网站建设、网站优化网络运营移动端网站建设、电商网站建设等互联网应用服务都可以联系我们!服务方式:010-64928252、400-6446-365。

  补:CSS的工作原理

  CSS即层叠样式表,其中的层叠表示样式单规则应用于HTML文档元素的方式。

  是一种定义样式结构如字体、颜色、位置等的语言,主要被用于描述网页上的信息格式化和现实的方式,CSS样式可以直接存储于HTML网页或者单独的样式单文件。样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中,外部样式单保存在独立的文档中,网页通过一个特殊标签链接外部样式单。  

更多阅读

SEO解决方案主要是根据哪些内

诊断教程 2020-06-11
SEO解决方案主要是根据哪些内容来改善?现在有很多企业都会非常重视网站这一......查看全文

百度关键词优化一般都要做什

诊断教程 2020-06-11
百度关键词优化一般都要做什么事情?现在有非常多人都很关心互联网上的信息......查看全文

关键词优化SEO有什么样的考核

诊断教程 2020-06-11
关键词优化SEO有什么样的考核指标?关键词优化SEO在进行实际考核的过程当中将......查看全文
返回全部新闻
扫描二维码分享到微信
确 认
友情链接: SEO 米菲纸尿裤 百度刷排名