`
丶月满灬西楼彡
  • 浏览: 437 次
  • 性别: Icon_minigender_1
  • 来自: 河南
文章分类
社区版块
存档分类
最新评论

超链接样式

    博客分类:
  • HTML
阅读更多

Css超链接样式的各属性的顺序不能颠倒,这个顺序非常重要。css中关于超链接的四个属性一般正常顺序为:linkvisitedhoveractive,即
a:link           链接平常的状态
a:visited      链接被访问过之后
a:hover       鼠标放到链接上的时候
a:active       链接被按下的时候
以下为点过链接后,链接字体变为红色的示例:
/* 定义超链接的样式 */
a:link { color:#dd3409;text-decoration:none; font-size:13px; }
a:visited { color:#9f301d;text-decoration:none; }
a:visited:hover { color:#9f301d;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#ff3300;text-decoration:underline; }

 

分享到:
评论

相关推荐

    Css——超链接样式

    这里我们将深入探讨CSS中的超链接样式及其四个关键状态。 1. `a:link` - 链接平常的状态 当用户尚未点击链接时,`a:link`用于定义超链接的初始样式。这通常包括颜色、文字装饰(如下划线)和字体大小等。例如,...

    jQuery+CSS实现淡入效果的超链接样式

    在这里,我们将利用CSS为超链接定义基础样式,并通过jQuery来控制这些样式的动态变化,实现淡入效果。 要实现淡入效果,我们需要设置超链接的初始透明度。在CSS中,我们可以使用`opacity`属性来控制元素的透明度,...

    css通过伪类来设置超链接样式附示例

    css设置超链接样式是通过伪类来实现的 (1) :link:设置a对象在未被访问前的样式表属性。 (2) :visited:设置a对象在其链接地址已被访问过时的样式表属性。 (3) :hover:设置对象在其鼠标悬停时的样式表属性。 (4...

    jQuery-CSS-实现澹入效果的超链接样式.rar

    在本项目"jQuery-CSS-实现澹入效果的超链接样式.rar"中,主要涉及到的是如何使用jQuery库和CSS技术来为网页中的超链接添加动态的澹入效果,提升用户体验。接下来,我们将深入探讨这两个核心知识点。 首先,jQuery是...

    网页设计之06超链接样式.doc

    网页设计之06超链接样式.doc

    最新网页设计之超链接样式 .pdf

    最新网页设计之超链接样式 .pdf

    HTML5网页制作技术第20章 超链接样式.pdf

    HTML5网页制作技术第20章 超链接样式.pdfHTML5网页制作技术第20章 超链接样式.pdf

    HTML5网页制作技术第20章 超链接样式.ppt

    HTML5网页制作技术第20章 超链接样式.pptHTML5网页制作技术第20章 超链接样式.ppt

    TextView超链接自定义样式

    本篇将详细讲解如何在Android的`TextView`中实现超链接自定义样式,包括自定义字体颜色和去除超链接的下划线。 首先,让我们了解一下`TextView`中的`Links`。默认情况下,`TextView`会识别文本中的URL并自动将其...

    20种样式不一的创意超链接

    "20种样式不一的创意超链接"集合提供了20个独特、美观且实用的超链接设计方案,这些设计旨在提升用户体验,使网站更加吸引人并易于导航。 超链接的基本原理是利用HTML的`<a>`标签来创建连接,但通过CSS(层叠样式表...

    Word版可编辑-网页设计之超链接样式精心整理.pdf

    Word版可编辑-网页设计之超链接样式精心整理.pdf

    word版可编辑-网页设计之超链接样式精心整理..pdf

    word版可编辑-网页设计之超链接样式精心整理..pdf

    css控制超链接(css超链接样式)

    【CSS控制超链接样式】是Web前端开发中的一个重要部分,它允许我们自定义HTML中`<a>`标签的外观和行为。以下是对这个主题的详细解释: ### 一、CSS伪类 伪类是CSS中一种特殊的声明,用于指定元素在特定状态下的...

    CSS改变超链接属性

    在这个场景中,我们需要使用CSS来改变超链接的属性,从而实现特定的视觉效果和交互体验。 首先,我们要了解超链接的基本结构。在HTML中,`<a>`标签用于创建超链接,其`href`属性定义了链接的目标URL。例如,将...

    支持超链接的CListCtrl类

    可能需要重写`OnDrawItem`函数,以便在绘图时应用超链接样式。使用`CDC`对象的`SetTextColor`和`SetBkMode`等方法来改变字体颜色和背景模式,使文本更像超链接。 5. **测试示例:** 包含的`ListCtrlLinkTest`文件...

    HTML5 SVG超链接上显示描述图片特效

    3. **CSS样式**:CSS用于控制超链接和SVG元素的初始状态和悬停状态。通过使用`:hover`伪类,可以指定鼠标悬停时发生的变化,例如显示隐藏的SVG图像。 4. **JavaScript**:虽然CSS可以处理简单的悬停效果,但更复杂...

    实现超链接风格的按钮

    在网页设计和开发中,创建具有超链接样式但同时具备按钮功能的元素是一个常见的需求。这种设计能够提供一致的用户体验,使用户既能享受点击按钮的交互反馈,又能享受到跳转到新页面或执行某些动作的便利。在本教程中...

    c1FlexGrid控件超链接方法

    首先,为了设置超链接样式,你需要创建一个新的CellStyle,并设置其Font属性为带有下划线的字体,ForeColor属性为蓝色,这样看起来就像一个标准的超链接。在`c1FlexGrid1_OwnerDrawCell_1`事件处理器中,你可以检查...

    CSS定义超链接样式的顺序及四个伪类的用法示例介绍

    在CSS中,定义超链接样式是网页设计的基本要素之一,主要通过四个伪类来实现不同的链接状态。这四个伪类是`:link`、`:visited`、`:hover`和`:active`,它们按照“爱恨”原则(LVHA)排列,即Link、Visited、Hover、...

Global site tag (gtag.js) - Google Analytics