`
shirlly
  • 浏览: 1646381 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

css 定义链接的样式

    博客分类:
  • CSS
CSS 
阅读更多
CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。
分享到:
评论

相关推荐

    Dreamweaver CS6中使用CSS定义链接样式.pdf

    在Dreamweaver CS6中,通过CSS定义链接样式可以让网页中的超链接拥有独特的视觉效果,提升用户体验。下面我们将详细讨论如何在Dreamweaver CS6中使用CSS定义链接的四种伪类状态,并了解如何定义局部链接样式。 1. ...

    CSS样式风格定义

    } /* 点击激活链接 *//* 顶部频道文字链接的CSS定义--将顶部频道文字链接与网站链接总的CSS定义分开,以后可以制作深底浅字的格式,如果要保持原来的设计样式,将此定义内容删除或定义成与网站链接总的CSS相同即可...

    css 链接样式.

    其中,链接样式是CSS中一个基础但关键的方面,它关乎到用户体验和网站的导航清晰度。本篇文章将深入探讨CSS如何控制链接的样式,包括不同链接状态、伪类选择器的应用以及在实际网站设计中的实践案例。 一、链接的四...

    易语言CSS链接样式

    在本资源中,我们关注的是易语言在处理CSS链接样式方面的应用。CSS(层叠样式表)是用于控制网页元素外观的关键技术,它可以定义字体、颜色、布局等视觉元素。下面,我们将深入探讨易语言与CSS链接样式相关的知识点...

    css_各种超级链接样式

    在这个主题“css_各种超级链接样式”中,我们将深入探讨如何使用CSS来定制超级链接的样式,使其更具吸引力和功能性。 1. **超级链接(a标签)基础** 超级链接是由HTML的`<a>`标签创建的,用于链接到其他页面或资源...

    比较完整的CSS定义表格样式.zip_css

    这个压缩包中的"比较完整的CSS定义表格样式.txt"文件应该包含了更多的示例代码和详细解释,供你参考和学习。通过实践这些CSS技巧,你将能够更好地掌握如何用CSS来优化和美化HTML表格,提升网站的视觉效果和交互体验...

    css常用文字定义

    #### 一、链接样式定义 在网页设计中,链接是非常重要的元素之一,通过CSS可以对不同状态下的链接进行样式定义,包括颜色、下划线等属性。 - **基本链接样式**: - `a { text-decoration: none; }`:移除链接默认...

    CSS链接样式设计

    特别是在链接样式设计方面,CSS可以帮助我们创建各种吸引人的交互体验,提升用户体验。本教程将通过实例详细介绍如何利用CSS进行链接样式的设定。 首先,了解链接的四个不同状态是至关重要的:`a:link`(未访问的...

    css常用定义词

    在这个场景中,我们主要关注CSS的命名规范和一些常见的CSS定义词。 在CSS中,良好的命名规范对于代码的可读性和团队协作至关重要。描述中提到的"规范命名和定义词"是指在编写CSS选择器时,为了保持一致性,通常会...

    CSS样式初始化commonInitialize.css

    在网页设计中,CSS(Cascading Style Sheets)样式被广泛用于定义页面元素的外观、布局和结构。CSS样式初始化是开发过程中一个重要的步骤,它旨在消除浏览器之间的默认样式差异,确保网页在不同浏览器上的一致性表现...

    e语言-易语言CSS链接样式

    在本项目"易语言CSS链接样式"中,我们将探讨如何利用易语言及其超文本浏览框支持库来实现网页链接的CSS(Cascading Style Sheets)样式。 CSS是网页设计中不可或缺的一部分,它用于定义网页元素的外观、布局和结构...

    css实现Word样式

    在网页设计中,CSS(层叠样式表)是用于控制网页元素外观的关键技术。"css实现Word样式"这个主题指的是利用CSS3来模仿Microsoft Word的界面样式,为HTML页面提供类似Word文档的视觉效果。这样的设计可以应用于在线...

    css样式初始化.zip

    2. **通用样式**:定义一些通用的样式,如全局字体、颜色、行高、链接样式等。这有助于保持整个网站的视觉一致性。 ```css body { font-family: Arial, sans-serif; color: #333; line-height: 1.6; } a { ...

    CSS城市地图链接(超使用)

    CSS通过定义颜色、布局、字体等属性,使得地图元素如街道、建筑物、地标等能够被呈现得栩栩如生。例如,你可以使用伪类选择器(如`:hover`)来实现鼠标悬停时地图区域的高亮效果,增加用户交互性。同时,使用CSS3的...

    最新整理CSS样式表.pdf

    其中,rel属性用于定义文档与链接文档之间的关系,type属性定义链接文档的MIME类型,即"text/css"表示链接的是一个CSS样式表,href属性则指向样式表文件的位置。 综合来看,文件描述中提及了CSS的基本概念、功能和...

    android TextView 支持CSS样式

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

    CSS定义的分类与注释

    2. **内部样式表(Internal Styles)**:这些CSS定义位于HTML文档的`<head>`部分,包裹在`<style>`标签内。它们适用于整个文档,提高了代码的复用性。例如: ``` p {color: red;} ``` 3. **外部样式表...

    用css把a链接模拟成button的样子的方法

    6. **`height`**:定义链接的高度。 7. **`text-decoration`**:去除默认的下划线装饰。 8. **`color`**:设置文本颜色。 9. **`display`**:定义元素的显示方式。这里使用`inline-block`使得链接像块级元素那样占据...

    CSS样式表.doc

    1. **链入外部样式表文件**:通过在HTML文档的`<head>`部分使用`<link>`标签链接到一个外部CSS文件,例如: ```html 网页标题 <link rel="stylesheet" href="styles.css" type="text/css"> ``` 2. **定义...

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

    因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签–a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下: a:link,定义正常链接的样式; a:visited,定义已访问过...

Global site tag (gtag.js) - Google Analytics