a:link{                                  //正常下的超链接

color:red;                          //超链接的颜色

text-decoration:none;       //超链接没有下划线

}

a:visited{                     //访问过的超链接

color:yellow;                 //访问过的超链接颜色

text-decoration:none;    //访问过的超链接没有下划线

}

a:hover{                         //鼠标悬停超链接

color: blue;                   //鼠标悬停超链接颜色

text-decoration:underline;          //鼠标悬停超链接带下划线

}

a:active{                         //鼠标点击超链接时

color:black;                    //鼠标点击超链接时颜色

text-decoration:none;        //鼠标点击超链接时没有下划线

}

超链接实现按钮效果:

<head>
<style>
a{
margin:9px;                   //超链接之间的距离

background-color:#3399ff; //超链接背景颜色
}
a:link,a:visited{                       //正常超链接和访问过的超链接
    
padding:4px 10px 4px 10px;        //超链接文字与背景四周间距
border-top:1px solid #eeeeee;      //超链接上边框1px 实线 颜色
border-left:1px solid #eeeeee;     //超链接左边框1px 实线 颜色
border-right:1px solid #717171;    //超链接右边框1px 实线 颜色
border-bottom:1px solid #717171;   //超链接下边框1px 实线 颜色

}

a:hover{

border-top:1px solid #717171;    //超链接上边框1px 实线 颜色
border-left:1px solid #717171; //超链接左边框1px 实线 颜色
border-right:1px solid #eeeeee; //超链接右边框1px 实线 颜色
border-bottom:1px solid #eeeeee; //超链接下边框1px 实线 颜色
padding:5px 8px 3px 12px;         //超链接文字与背景四周间距
}
</style>
</head>

<body>
<a href="#">中国</a>

<a href="#">中国</a>
<a href="#">美国</a>
<a href="#">刊国</a>
<a href="#">日本</a>
</body>

CSS设置鼠标特效:

a.help:hover{

cursor:help;        //当鼠标悬停到超链接时，鼠标的指针变成帮助指针

}

下面是全部cursor 的 css 效果

十字准心 cursor:crosshair;
手   cursor:pointer;
   cursor:hand;
   写两个是为了照顾IE5，它只认hand。
等待/沙漏 cursor:wait;
帮助   cursor:help;
无法释放 cursor:no-drop;
文字/编辑 cursor:text;
可移动对象 cursor:move;
向上改变大小 cursor:n-resize;
向下改变大小 cursor:s-resize;
向右改变大小 cursor:e-resize;
向左改变大小 cursor:w-resize;
向上右改变大小 cursor:ne-resize;
向上左改变大小 cursor:nw-resize;
向下右改变大小 cursor:se-resize;
向下左改变大小 cursor:sw-resize;
自动   cursor:auto;
禁止   cursor:not-allowed;
处理中   cursor:progress;
系统默认 cursor:default;
用户自定义 cursor:url('#');#=光标文件地址(注意文件格式必须为.cur或.ani)。

利用css设置滚动条效果:

scrollbar-arrow-color:red;         //设置滚动条箭头颜色

scrollbar-base-color:balck;                  //设置滚动条基本颜色

scrollbar-face-color:yellow ;                 //设置滚动条基本颜色

scrollbar-darkshadow-color:blue;         // //设置滚动条背面线的颜色

scrollbar-3dlight-color:red;               //设置滚动条前面线的颜色

scrollbar-shadow-color:blue;             //设置滚动条背面线的颜色

关于对CSS中超链接那部分的设置的更多相关文章

  1. css中的border-collapse属性如何设置表格边框线？（代码示例）

    css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...

  2. 有关CSS中字体响应式的设置

    在进行页面响应式设计中,往往需要根据屏幕分辨率来显示不同大小的字体.通常的做法是通过media queries给不同的分辨率指定不同的字体样式,例如: body { font-size: 22px; ...

  3. CSS中字体响应式的设置

    在进行页面响应式设计中,往往需要根据屏幕分辨率来显示不同大小的字体.通常的做法是通过media queries给不同的分辨率指定不同的字体样式,例如: body { font-size: 22px; ...

  4. css中background-image背景图片路径设置

    web项目中经常会用到background-image:url(),很多小伙伴不知道该怎么写需要的图片路径. 在此之前先要知道几个重要的东东: /  项目根目录         这个不用多说,就是程序 ...

  5. css中关于table的相关设置

    一.设置好看的单边框表格 1.一种实现方式 分别给table标签和td标签设置不在同一方向的border属性,如下table设置‘左上’边框,td设置‘右下’边框.其他设置方式同样可以实现. tabl ...

  6. CSS中为什么有的元素能够设置高度，而有的元素却不能设置高度与宽度？

    可以使用{display:block}将内联元素变为块级元素,同时使用{display:inline}将块级元素变为内联元素. {display:inline-block}又是怎么回事,根据张鑫旭老师 ...

  7. css中使用rgba和opacity设置透明度的区别

    1.使用rgba设置背景色的透明 效果如下: <body> <div id="box"> 你好啊! </div> </body> b ...

  8. CSS 中如何把 Span 标签设置为固定宽度

    一.形如<span>ABC</span>独立行设置SPAN为固定宽度方法如下: span {width:60px; text-align:center; display:blo ...

  9. transition&transform,CSS中过度和变形的设置

    设置样式的过度效果transition-property: none/all; transition-duration:2s;运动时间,默认是0秒 transition-delay:0s; 延迟时间默 ...

随机推荐

  1. css IFC 与 BFC分析

    在我们做的网页上通常最重要的其中一点就是美观度,bfc他是一个块级格式化上下文,它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局, ...

  2. 腾讯广告联盟 Android SDK（广点通）demo的使用方式

    1. 下载示例文件. 2. 解压之后的目录: 3. 使用android studio,选择import project,导入如图所示文件夹: 4. 重点来了,由于官方demo的上传时间很久远(大概是上 ...

  3. 关于xampp mysql字符编码与编译器编码不匹配问题

    今天,在php中对数据库字符字段进行查询的时候,语法之类的完全正确,但是就是查询不到结果,而在命令行中,同样的语句却能获得预期的功效.经多方面的了解之后才发现是字符编码不匹配的原因.在这里,把我的解决 ...

  4. html5 知识点简单总结02

    三个列表: 1.无序列表 默认样式  实心小圆点 ul type属性 "square" 实心方形 type属性  "circle" 空心圆 type属性  &q ...

  5. zoj 2524 并查集裸

    Description There are so many different religions in the world today that it is difficult to keep tr ...

  6. hibernate的lazy初始化结果

    package com.ehcache; import java.io.Serializable; public class User implements Serializable{ private ...

  7. 在<canvas>上绘制img（drawImage()）时需要注意的事

    <canvas>标签相当于是一个画布,css决定画布的样式(这块画布的背景颜色.大小等),脚本(一般使用JavaScript)就是画笔,我们可以在这个画布上绘制线条.形状.文字.图片等. ...

  8. flagr a/b 测试特性开关&&微服务动态配置工具

    flagr a/b 测试特性开关&&微服务动态配置工具 简单运行 docker docker run -it -p 18000:18000 checkr/flagr 运行界面 说明 参 ...

  9. Pong 打乒乓

    发售年份 1972 发售平台 多平台 开发商 雅达利(Atari) 类型 体育休闲 https://www.youtube.com/watch?v=fiShX2pTz9A

  10. Reactor和Proactor

    服务器编程框架 IO处理单元 :处理用户连接,读写网络数据:(单机) :作为接入服务器,实现负载均衡;(集群) 请求队列 :各个单元之间通信的抽象,通常被实现为池的一部分:一个单元通知另外一个单元,或 ...