局部a链接样式

原文发布时间为：2010-01-16 —— 来源于本人的百度文章 [由搬家工具导入]

<style type="text/css">
<!--默认页面链接->
a:link { color: #CC3399; text-decoration: none}
a:visited { color: #FF3399; text-decoration: none}
a:hover { color: #800080; text-decoration: none}
a:active { color: #800080; text-decoration: none}

<!--自定义链接样式2-->
a.two:link { color: #CC99CC; text-decoration: none}
a.two:visited { color: #FF0000; text-decoration: none}
a.two:hover { color: #606060; text-decoration: none}
a.two:active { color: #606060; text-decoration: none}

<!--自定义链接样式3-->
a.three:link { color: #00FFFF; text-decoration: none}
a.three:visited { color: #00FFFF; text-decoration: none}
a.three:hover { color: #FF3399; text-decoration: none}
a.three:active { color: #FF3399; text-decoration: none}

<!--自定义链接样式4-->
div.div a:link { color: #004000; text-decoration: none}
div.div a:visited { color: #00FFFF; text-decoration: none}
div.div a:hover { color: #008000; text-decoration: none}
div.div a:active { color: #008000; text-decoration: none}
-->
</style>

时间： 2024-08-23 09:31:41

局部a链接样式的相关文章

Bootstrap历练实例：链接样式按钮

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap历练实例:链接样式按钮</title> <meta charset="utf-8" /> <meta name="view

CSS链接样式设置

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

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

[转载]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" />,但是我想再在首页加上新的链接并且

6、CSS 链接样式

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

漂亮的按钮（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

链接样式和表格样式

链接的特殊性在于能够根据它们所处的状态来设置它们的样式 链接伪类 :link,控制正常显示时状态 :visited,控制访问过的状态 用户动作伪类 :hover,控制鼠标悬停时的状态 :active,控制被激活时的状态 表格样式 边框合并border-collapse 如果设置了单元格的边框,相邻单元格的边框会单独显示,类似于双线边框 border-collapse属性:合并相邻的边框 设置是否将表格边框合并为单一边框 border-collapse:separate/collapse: 边框边

JavaScript的DOM_操作内联或链接样式表

使用 style 属性,仅仅只能获取和设置行内的样式,如果是通过内联<style>或链接<link>提供的样式规则就无可奈何了,使用 getComputedStyle 和currentStyle,这只能获取却无法设置. CSSStyleSheet 类型表示通过<link>元素和<style>元素包含的样式表. <script type="text/javascript"> window.onload = function(){

第5章—通过CSS定义链接样式

5.1针对链接的CSS基本概念: 5.1.1 CSS伪类别 5.1.2 用伪类别定义动态超链接 5.2定义丰富的超链特效 5.2.1给链接添加提示文字:title属性 5.2.2按钮式超链接 5.2.3 为超链添加背景图效果 background-image:url(nav01.jpg); 5.2.4 用CSS定义针对超链的鼠标特效 cursor:鼠标各种样式及大小的设置