超链接颜色和鼠标形式

超链接颜色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
a:link
{color:#966;
text-decoration:none;/* 未访问的链接*/
}
a:visited
{color:#F3C;
text-decoration:none;/*已访问的链接*/
}
a:hover
{color:#090;
text-decoration:none;/*鼠标悬停时*/
}
a:active
{color:#F00;
text-decoration:none;/*鼠标点击后*/}</style>
</head>

<body>
<a href="https://www.baidu.com">百度</a>
</body>
</html>

HTML中常用鼠标样式

css鼠标手型cursor中hand与pointer
Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a>
Example：CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a>
注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。
Example：CSS鼠标由系统自动给出效果 <a href="#" style="cursor:auto">CSS鼠标由系统自动给出效果</a>
Example：CSS鼠标十字型效果 <a href="#" style="cursor:crosshair">CSS鼠标十字型效果</a>
Example：CSS鼠标I字型效果 <a href="#" style="cursor:text">CSS鼠标I字形效果</a>
Example：CSS鼠标等待效果 <a href="#" style="cursor:wait">CSS鼠标等待效果</a>
Example：CSS鼠标默认效果 <a href="#" style="cursor:default">CSS鼠标默认效果</a>
Example：CSS鼠标向右的箭头效果 <a href="#" style="cursor:e-resize">CSS鼠标向右的箭头效果</a>
Example：CSS鼠标向右上箭头效果 <a href="#" style="cursor:ne-resize">CSS鼠标向右上箭头效果</a>
Example：CSS鼠标向上箭头效果 <a href="#" style="cursor:n-resize">CSS鼠标向上箭头效果</a>
Example：CSS鼠标向左上箭头效果 <a href="#" style="cursor:nw-resize">CSS鼠标向左上箭头效果</a>
Example：CSS鼠标向左箭头效果 <a href="#" style="cursor:w-resize">CSS鼠标向左箭头效果</a>
Example：CSS鼠标向左下箭头效果 <a href="#" style="cursor:sw-resize">CSS鼠标向左下箭头效果</a>
Example：CSS鼠标向下箭头效果 <a href="#" style="cursor:s-resize">CSS鼠标向下箭头效果</a>
Example：CSS鼠标向右下箭头效果 <a href="#" style="cursor:se-resize">CSS鼠标向下箭头效果</a>

时间： 2024-10-10 08:49:39

超链接颜色和鼠标形式的相关文章

CSS颜色及<a>标签超链接颜色改变(转)

CSS颜色大全 <a>标签超链接颜色改变 A:hover {BACKGROUND-COLOR: #ffccff; COLOR: #0080ff} (hover表示鼠标指示时,链接文字背景色为#ffccff;前景色为#0080ff) A:link {color:#000000;TEXT-DECORATION: none} (link表示未被访问时,链接颜色为黑色,链接无下划线.) A:visited {color:gray;TEXT-DECOR

table 控制单双行颜色以及鼠标hover颜色 table光棒

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

[转]Word2007中莫名显示超链接成{HYPERLINK "url"}形式的解决方案

问题描述: 正常的超链接显示效果有问题的显示效果: 方法一:选择有问题的超链接后,按Alt+F9就切换回正常状态了. 方法二:在[Office按钮]->[Word选项]->高级->[显示文档内容]下去掉[显示域代码而非域值]前面的勾.如下所示, 原文地址:http://blog.csdn.net/neils03/article/details/6636686

div css鼠标悬停锚文本超链接文字背景颜色或图片变化

div css鼠标悬停锚文本超链接文字背景颜色或图片变化(体感音乐) css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇.(体感音乐) 此DIV CSS布局技巧其实是对a标签做鼠标经过CSS样式.利用以下代码: a{...} 原始超链接默认样式设置a:hover{...}鼠标悬停经过时超链接锚文本CSS样式(扩展阅读:ie6 hover)一.链接文字无背景鼠标经过悬停

超链接字体颜色设置(通过html/css的设置方法)

超链接字体颜色设置是通过css来设置,a链接的颜色设置常用的有以下两种,1.超链接a的初始状态颜色,2.超链接字体的鼠标滑过颜色,还有两种病不常用:3.超链接字体的已访问颜色,4.超链接字体在按下鼠标时的颜色四中超链接状态分别对应的css属性:a{}.a:hover{} .a:visited{}.a:active{},通常只写a{}.a:hover{}即可,如果你需要其他两种字体颜色设置请参照一下顺序来书写 a{color:red;} a:visited{color:green;} a:hov

jQuery超链接提示，提示跟随鼠标动

功能:实现鼠标移动到一个超链接时,鼠标右下角产生一个提示,并跟谁鼠标移动,知道鼠标离开超链接. 效果: 源码: 1  2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>文字超链接提示和图

超链接标签的CSS伪类link,visited,hover,active

CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果. CSS伪类的语法就是: 选择器 : 伪类名 { 属性 : 属性值 } 用的最多的伪类就是超链接a的伪类,有:link,:visited,:hover,:active,而且需要按照这个顺序设置,有个简单的记法是,取首字母组成 love hate,记住“爱恨”就行了. 1, 查看超链接a标签的默认样式新建一个网页a.html,复制下面的内容: <html> <head> </head&

关于对CSS中超链接那部分的设置

a:link{ //正常下的超链接 color:red; //超链接的颜色 text-decoration:none; //超链接没有下划线 } a:visited{ //访问过的超链接 color:yellow; //访问过的超链接颜色 text-decoration:none; //访问过

怎样破解网页禁用鼠标右键

在我们浏览网页的时候,通常会遇到这样的一种情况:网页的浏览过程中单击鼠标右键毫无反应,其实这通常为网页设计者为保护网页的内容不被轻易拷贝出去而采用的一种技术手段,对于大多数网民来说对此毫无对策,本经验分享一些有效的应对这种情况的办法在网页中无法复制文字,并且无法通过“图片另存为”的方法下载图片. 解决:在IE浏览器右击“属性”—“安全”然后“自定义级别”把“活动脚本”和“Java”小程序脚本”设置为禁用即可. 2 在页面目标上按下鼠标右键,此时弹出一个限制窗口,提示“禁止使用鼠标右键”. 解决