html hover 实用例子
来源:互联网 发布:东北大学奥鹏网络教育 编辑:程序博客网 时间:2024/06/05 15:54
<!DOCTYPE html>
<html>
<head>
<style>
a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}
a.ex3:hover,a.ex3:active {background:red;}
a.ex4:hover,a.ex4:active {font-family:'微软雅黑';}
a.ex5:visited,a.ex5:link {text-decoration:none;}
a.ex5:hover,a.ex5:active {text-decoration:underline;}
</style>
</head>
<body>
<p>请把鼠标指针移动到这些链接上。</p>
<p><a class="ex1" href="/index.html">这个链接改变颜色。</a></p>
<p><a class="ex2" href="/index.html">这个链接改变字体大小。</a></p>
<p><a class="ex3" href="/index.html">这个链接改变背景色。</a></p>
<p><a class="ex4" href="/index.html">这个链接改变字体。</a></p>
<p><a class="ex5" href="/index.html">这个链接会出现下划线。</a></p>
</body>
</html>
<html>
<head>
<style>
a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}
a.ex3:hover,a.ex3:active {background:red;}
a.ex4:hover,a.ex4:active {font-family:'微软雅黑';}
a.ex5:visited,a.ex5:link {text-decoration:none;}
a.ex5:hover,a.ex5:active {text-decoration:underline;}
</style>
</head>
<body>
<p>请把鼠标指针移动到这些链接上。</p>
<p><a class="ex1" href="/index.html">这个链接改变颜色。</a></p>
<p><a class="ex2" href="/index.html">这个链接改变字体大小。</a></p>
<p><a class="ex3" href="/index.html">这个链接改变背景色。</a></p>
<p><a class="ex4" href="/index.html">这个链接改变字体。</a></p>
<p><a class="ex5" href="/index.html">这个链接会出现下划线。</a></p>
</body>
</html>
0 0
- html hover 实用例子
- CSS基础(11.hover实用实例)
- hover
- hover
- hover
- hover()
- hover
- hover
- html例子
- HTML例子
- 实用线程例子
- Oracle的实用例子
- tcpdump 实用例子
- oracle实用例子
- js几个实用例子
- fstream实用例子
- javascript实用例子
- map 实用例子
- C99可变长数组VLA详解
- 期望与方差之重要概念总结
- MyEclipse快捷键大全(转)
- stl 简单测试代码
- 小贝学习html--表格
- html hover 实用例子
- 【MS SQL Server】SQL删除数据的各种方式总结
- 文件输入输出小程序 改变所有逗号为冒号 fscanf fprintf
- main 函数的参数
- [Leetcode] Sqrt(x)
- 如何用Labview开发WinCE触摸板程序
- poj 1318 Word Amalgamation
- 【MS SQL Server】使用【数据库收缩功能】实现多个数据文件的合并
- myeclipse安装反编译插件jdeclipse