`

用css样式控制超链接颜色显示

 
阅读更多
http://www.wangchao.net.cn/bbsdetail_1846946.html

很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,好像所有的链接的颜色都改了。
  事实上,采用css样式实现这个效果比较简单。
  先看一下常用设置:
  a:link 超链接的普通样式
  a:visited 点击过的
  a:hover 鼠标经过时的
  a:active 单击时
  a:link{text-decoration:none;} 无下划线
  a:link{text-decoration:underline;} 有下划线
  为了实现不同链接不同效果,我们要为不同效果的那个链接专门定义一个css规则。
  比如:
  我们常规css是这样的:
  a:link{color:#ff0000}
  那么网页上所有链接的颜色都是:#ff0000。
  现在我们改一下:
  a:link{color:#ff0000}
  .line1 a:link{color:#000000}
  同时,在要改变颜色的链接前加上css定义,像这样:<span class=line1><a href="/">不同颜色的超链接</a></span>,这样的话,这个链接的颜色就改变了。
分享到:
评论

相关推荐

    CSS改变超链接属性

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

    css 浮雕式超链接

    在本主题中,我们将深入探讨如何使用CSS创建浮雕效果的超链接,并分享一些实用技巧。 首先,让我们理解浮雕效果。浮雕效果通常表现为元素看起来像是从背景中凸出,具有立体感,常见于按钮或链接设计中。要实现这种...

    Css——超链接样式

    在CSS(层叠样式表)中,`&lt;a&gt;`元素用于创建超链接,它能够将文本或图像与其他网页、文件或页面内的位置关联起来。在设计网页时,我们经常需要自定义这些超链接的外观,使其符合整体设计风格。这里我们将深入探讨CSS...

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

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

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

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

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

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

    7款CSS3超链接下划线动画特效代码

    "css"可能是所有CSS样式的集合,其中包括了描述中的7款不同的下划线动画特效代码。 综上所述,这个资源提供了一种创新的方法来增强超链接的用户体验,利用CSS3的强大功能,创造出吸引用户的交互式下划线动画。...

    HTML5超链接悬停显示图片特效.zip

    在这里,可以使用`:hover`伪类来定义鼠标悬停时的样式变化,例如改变背景颜色或显示隐藏元素。 3. **JavaScript(JS)**:JavaScript是实现动态效果的核心。在这个特效中,JS会监听超链接的`mouseover`和`mouseout`...

    7款CSS3鼠标滑过超链接动画特效.zip

    "css样式"标签则直接点明了主题,即这个资源是关于CSS样式的,特别是与超链接相关的CSS3特效。 【文件名称列表】 由于提供的信息只有一个数字"1544",这可能是一个错误或者遗漏,通常压缩包内的文件名会包含更具体...

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

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

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

    1. **颜色与状态**:创意超链接通常会根据不同的状态(如默认、鼠标悬停、点击和活动)使用不同的颜色,以提供视觉反馈。可以使用CSS伪类如`:link`, `:visited`, `:hover`, `:active`来分别定义这些状态。 2. **...

    使用HTML开发商业网站-链接伪类控制超链接课件.pptx

    在上面的例子中,所有未访问的超链接颜色设为#FC0(浅黄色),无下划线,并且右侧有20像素的外边距。 2. `a:visited`:已访问过的链接会应用这个伪类的样式。在这里,访问过的链接颜色同样设为#FC0,保持无下划线,...

    [ CSS-CSS3 ] 史上最全CSS样式一览表

    CSS样式一览表CSS样式CSS添加方法CSS选择器CSS样式(I) 文本CSS样式(II) 背景与超链接CSS样式(III) 列表与表格CSS布局与定位盒子模型(I) overflow和border盒子模型(II) padding和marginCSS定位机制 display、float和...

    21种html5+css3鼠标悬停hover超链接导航条动画效果

    CSS3是层叠样式表的最新版本,它带来了许多新特性,尤其是过渡(transition)和动画(animation)属性,这在本资源中被广泛运用。CSS3的transition属性允许我们平滑地改变一个或多个CSS属性,当元素的状态发生变化,...

    jQuery和CSS3鼠标悬停超链接文字动画特效

    - `css`目录:存放所有CSS样式表,包括主要的样式文件和可能的分页样式。 总的来说,这款"jQuery和CSS3鼠标悬停超链接文字动画特效"结合了jQuery的事件处理能力和CSS3的动画特性,为网页中的超链接提供了多种动态...

    CSS常用样式表快速查询

    CSS样式表快速查询 CSS(Cascading Style Sheets),即层叠样式表,是一种用于控制网页样式和布局的标记语言。它可以将网页的内容和样式分离,使得网页的布局和样式变得更加灵活和可维护。 文本属性 CSS中文本...

    18种基于html5 svg和css3的神奇超链接动画效果

    在这些超链接动画中,可能包含了颜色变化、形状转换、路径运动等多种CSS3技术的综合运用。 在提供的文件列表中,我们可以看到以下几个关键文件: 1. `index.html`:这是主页面文件,包含所有18种超链接动画的展示和...

    创建超链接及css 样式设置

    ### 创建超链接及CSS样式设置知识点整理 #### 超链接创建基础 超链接是HTML中非常基础且重要的部分,它允许用户点击文本或图片后跳转到另一处位置,可以是同一页面内的不同部分,也可以是互联网上的其他页面,甚至...

    android TextView 支持CSS样式

    ### Android TextView 支持CSS样式详解 #### 一、引言 在Android开发过程中,为了增强界面的表现力和可维护性,开发者常常需要利用到HTML和CSS的技术来丰富`TextView`的内容展示。虽然原生的Android SDK并没有直接...

Global site tag (gtag.js) - Google Analytics