CSS链接样式

a:link - 正常，未访问过的链接

a:visited - 用户已访问过的链接

a:hover - 当用户鼠标放在链接上时

a:active - 链接被点击的那一刻

链路状态顺序规则：

a:hover 必须跟在 a:link 和 a:visited后面

a:active 必须跟在 a:hover后面

时间： 2024-10-09 05:46:47

CSS链接样式的相关文章

CSS链接样式设置

CSS链接样式,我们知道当我们读一篇文章的时候,有的时候鼠标滑到什么一些文字,有的文字下面会有下 划线,或者是颜色发生变化,其实我们都知道这就是一个链接,出现下滑线和颜色发生变化,都是链接的时 候我们对链接样式的设置.以上我们简单的介绍了什么是样式,你可能会问,哇呜,什么是样式,怎样没有定义 其实我们没有定义更好,我们只需要是去理解.可是我还不理解.不急.请听我慢慢道来: 不同的链接可以有不同的样式,链接样式可用CSS任意的属性,比如颜色color,font,background等等.慢着 我们

6、CSS 链接样式

链接样式 链接的样式,可以用任何CSS属性(如颜色,字体,背景等). 特别的链接,可以有不同的样式,这取决于他们是什么状态. 这四个链接状态是: a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 <style> a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {

CSS：自定义链接样式（设置链接不同状态下的字体颜色/背景色等）

能够设置链接样式的 CSS 属性有很多种(例如 color, font-family, background 等等).链接的特殊性在于能够根据它们所处的状态来设置它们的样式. 代码整理自w3school:http://www.w3school.com.cn 效果图: 示例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x

【CSS3】CSS——链接

CSS链接样式 属性 描述 a:link 普通的.未被访问的链接 a:visited 用户已访问的链接 a:hover 鼠标指针位于链接的上方 a:active 链接被点击的时刻 1.a:link  :未被访问的链接 今天学到一点就是当使用a:link时,变换颜色却不起作用,后来查找资料说记忆Cookies的原因,结果清除后果然显示出想要变换的颜色 还有要补充一点的是a标签这些伪类的执行顺序:link--visited--hover-active,也就是我们常说到的LoVe HAte原则,即"爱

HTML5样式和列表、CSS链接的四种状态

一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel="stylesheet":外部样式表: 3.三种样式表插入方法: (1)外部样式表: 在<head></head>中写入: <link  rel="stylesheet"  type="text/css"  href=&q

HTML5 css链接添加不同的样式

可以用css的选择器来为不同链接添加不同的样式,但经过测试,不知道为什么用id选择器并未成功,经过测试发现用class选择器是可行的,相关案例如下: 本案例是为了实现链接的文本跳转(由页面底部调到首部)和为不同链接添加不同样式,其中,底端链接单独添加了样式,代码如下: HTML5代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <

[转载]CSS&lt;a href&gt;链接样式冲突解决方法！

给自己这个初学者看的! 原文地址:CSS<a  href>链接样式冲突解决方法!作者:叶朗 这里我简要的说一下:关于a href样式冲突 首先我有一个外部CSS样式文件(index.css)里面直接用a:link a:active直接写了 而网站首页和其他栏目页都调用<link href="css/index.css" rel="stylesheet" type="text/css" />,但是我想再在首页加上新的链接并且

漂亮的按钮（CSS 过渡和链接样式）

HTML 代码: <body> <a class="anniu" href="http://www.baidu.com/"> 百度一下 </a> </body> CSS 代码: /* CSS Document */ .anniu{ display:block; width:120px; height:40px; background-color:#333333; color:#FFFFFF; text-align:ce

Css基本样式————链接

一.Css链接的四种状态     1.a:link    普通的.未被访问的链接 2.a:visited    用户已访问的链接 3.a:hover    鼠标指针位于链接的上方 4.a:active    链接被点击的时刻 a:link{     color: #FF0000; } a:visited{     color: #00FF00; } a:hover{     color:#0000FF; } a:active{     color: #0000FF; } 二.常见的链接方式