CSS产生的特殊效果
作者：佚名 发布时间：2024-11-19 17:04:34
经常有朋友问：如何使有超级连接的文字不出现下划线，如何使鼠标移动到超连上产生变色的效果？其实这些通过传统的方法是办不到的。而使用CSS的控制却可以非常轻松地作到，而且，页面的代码也不会臃肿。
★★先看看超连没有下划线的例子：
例子1： 这个连接可以去页面底部，但是没有下划线。
是如何作到这一点的呢？在和之间加上如下的CSS语法控制：
如果要产生变色效果，就要用到另一个属性了,这就是 hover，看下面的代码。
a:hover { text-decoration: none ; color: yellow } 表示鼠标移动到连接文字上时，文字修饰风格为“无”（即没有下划线），同时显示黄色。
a:hover { text-decoration: underline; color: green } 表示鼠标移动到连接文字上时，文字修饰风格为“underline”（即下划线），同时显示绿色。
★★扩展一下：如果我们同时用下面2种属性，会产生什么效果呢？
a:link { text-decoration: none ; color: yelloe ; font-size: 9pt }
a:hover { text-decoration: underline; color: green ; font-size: 12pt }
连接文字没有下划线，黄色显示，9pt大小。鼠标移动到连接上时出现下划线，颜色为绿色，字符大小12pt。是不是变色了？而且字体由于大小变化，就有动感了，似乎一下子扩大了。
总之，所有前面讲过的方法，要综合运用才可以呀。
★★注意：并不是所有的浏览器都支持所有的选项属性。自己在多个浏览器上测试一下。
0
投稿猜你喜欢
- 本文实例讲述了JS笛卡尔积算法与多重数组笛卡尔积实现方法。分享给大家供大家参考，具体如下：js 笛卡尔积算法的实现代码，据对象或者数组生成笛
AICodeHelper是一款AI编程助手，旨在帮助程序员提高他们的编码技能。简单的像尝试的代码直接问就行，但是一些复杂的，就得需要写技巧；- 数据结构typedef struct { PyObject_VAR_HEAD Py_ha
- 折腾了一天的时间，才弄出点眉目来。 做AJAX应用或Flash应用，提交中文内容到后台，涉及到编码解码(encode、decode)及编码格
- python之所以被广泛使用，倒不见得是本身语法简单，而是而nodejs/javascript一样把三方库的依赖管理简化了，而不用和java
- 最终效果前言这是最近在学qt这个东西，然后又学会了调用api，然后就想了用pyqt5做一个GUI界面，后期也可以打包分享给其他人使用，所以就
- example： for item in warehouse_list: warehouse_id =
- 这次做一个比较贴近我实际的东西：python分析作业提交情况。要求： 将服务器中交作业的学生（
- 1. 文件注释File -> settings -> Editor -> File and Code Templates
- 本文实例讲述了pymssql数据库操作MSSQL2005的方法。分享给大家供大家参考。具体如下：使用的MSSQL2005,通过pymssql
- 1、Pinia是什么Pinia是一个vue的状态管理方案，是vuex团队成员开发，实现了很多vuex5的提案，更加地轻量化且有devtool
- 1.基于rbac的权限管理RBAC（Role-Based Access Control，基于角色的访问控制），就是用户通过角色与权限进行关联
- detach官方文档中，对这个方法是这么介绍的。 detach = _add_docstr(_C._TensorB
- 前言和网络 IO 一样，文件读写同样是一个费事的操作。默认情况下，Python 使用的是系统的阻塞读写。这意味着在 asyncio 中如果调
- 本次系统环境os: Deepin（Linux）Python: 3.7lib: PyYAML=5.3.1 | selenium=3.141.0
- 在编写一些小程序时，我需要比较两个字符串是否相同。一开始的思路是使用ord()函数获取字符的整数表示，但是调试过后发现，ord()函数传入的
- 对于有的vps，系统默认安装了mysql。我们需要从我们的服务器、vps上卸载(移除)默认的mysql。那么如何(怎样)在ubuntu\De
- 这篇文章主要介绍了Python使用configparser库读取配置文件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考
- Merge函数的用法简单来说Merge函数相当于Excel中的vlookup函数。当我们对2个表进行数据合并的时候需要通过指定两个表中相同的
- 做一个简单的小实例：目录结构如下：demo1.pyclass MyClass():def __init__(self,x,y):
