css链接

css code:

 1 a:link{
 2     color:#FF0000;
 3 }
 4 a:visited{
 5     color:#00FF00;
 6 }
 7 a:hover {
 8     color:#0000FF;
 9 }
10 a:active{
11     color:#0000FF;
12 }

2、

css code:

 1 a:link{
 2     color:#FF0000;
 3     text-decoration: none;
 4     background-color:aqua;:
 5 }
 6 a:visited{
 7     color:#00FF00;
 8 }
 9 a:hover {
10     color:#0000FF;
11 }
12 a:active{
13     color:#0000FF;
14 }
时间: 2024-08-30 01:01:35

css链接的相关文章

css链接列表表格

1.css链接 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 注意: a:hover 必须跟在 a:link 和 a:visited后面 a:active 必须跟在 a:hover后面 text-decoration:none;下划线 2.css列表前面的标记 list-style-type: upper-roman; list-style-image: url('oo.p

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

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

CSS链接样式设置

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

HTML5 css链接添加不同的样式

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

【CSS3】CSS——链接

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

CSS链接属性

CSS链接: 1. 链接的四种状态: (1)a:link - 普通的.未被访问的链接 (2)a:visited - 用户已访问的链接 (3)a:hover - 鼠标指针位于链接的上方 (4)a:active - 链接被点击的时刻 2. 当为链接的不同状态设置样式时,请按照以下次序规则:l-v-h-a,设置才能生效: 3.文本装饰:text-decoration 属性大多用于去掉链接中的下划线:例:

支持鼠标跟随的JS+CSS链接提示框

觉得纯css的tips限制有点大,而且好像兼容性也不好,这是我发现的一个Js+CSS的链接提示框效果,还会跟随鼠标而移动,而且兼容性也不错,代码与大家分享:前端分享 .代码   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&qu

(9)css 链接

本篇学习资料的主要介绍: 超链接文本的样式设计.鼠标指针效果. 1.超链接文本的样式设计 普通的网站中,所有的页面都会通过超链接相互链接在一起,这样才会形成一个有机的网站. 超链接是网页上普通的元素,通过超链接能够实现页面的跳转.功能的激活等,因此,超链接也是与用户打交道最多的元素之一. (1)在html语言中,超链接是通过标记<a>来实现的,链接的具体地址是利用<a>标记的href属性,如下: <a href="http://www.cnblogs.com/KTV

第十八章 CSS链接、光标、DHTML、缩放

CSS中链接的使用 CSS中光标的使用 CSS中DHTML的使用 CSS中缩放的使用 18.1 CSS中链接的使用 超链接伪类属性 a:link        表示该超链接文字尚未被点选 a:visited      表示该超链接文字已被点选过 a:active      表示该超链接文字正被点选,但未被放开 a:hover       表示当鼠标停留在文字上 简写:a{ 属性值1 属性值2 } 这个表示同时调用4个属性 18.2 CSS中光标的使用(更详细可看文档) 属性名称         

6、CSS 链接样式

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