满意答案

t5Xw0Dkl

2013.05.23

采纳率:44%    等级:12

已帮助:14569人

第一种:

.icool{

COLOR: green;

}

a{text-decoration:none}

A:hover

{

COLOR: red;

TEXT-DECORATION: underline

}

实现下划线与文字不同颜色

注意实现下划线与文字不同颜色的书写格式!!

明显,这种方法比较麻烦。第二种是通过下边框假冒下划线

a { color green; text-decoration:none; padding:0px; }

a:hover { border-bottom:1px solid red; }

实现下划线与文字不同颜色

这个方法实在是太妙了。但是也有一点点缺陷:但文字为英文或数字时,这个假冒的下划线明显离文字太远了(可能很多非中文的可能会出现这个问题)第三种就是用背景图片啦,这个可以做到很多变化,因为我们可以用上各种线条图片。缺点就是当链接多了,在读取图片的时候可能会比较消耗资源,慢一些。

a{text-decoration: none;}

a:hover{

color:red;

background: url('http://tech.tom.com/images/computer/2004/02/04/diagonal.gif') repeat-x 100% 100%;

white-space: nowrap;

padding-bottom:-1px;

}

实现下划线与文字不同颜色

00分享举报

css的下划线颜色,css中问题,怎样下划线和字的颜色不一样?相关推荐

  1. linux查看用户家目录下的隐藏文件,linux中查看目录下隐藏文件方式?

    Linux系统中,除了储存了大量可见的文件和文件夹,还附带了很多隐藏的文件和文件夹,那么该如何进行查看?这些隐藏文件又有什么用呢? 查看Linux主目录隐藏文件可以通过运行ls–a来实现,对于隐藏文件 ...

  2. python 下划线转驼峰_json字符串中key值下划线命名转换为驼峰命名

    json字符串中key值下划线命名转换为驼峰命名: 例如: 原json串: String json= "{'user_name':'ok','user_sex':0,'object_info ...

  3. Bootstrap下拉菜单中禁用某个下拉菜单

    禁用某个下拉菜单 Bootstrap3中,为下拉菜单中某个下拉项的 <li> 元素添加 .disabled 类,就可以禁止该选项,让该菜单项的链接变灰并失去鼠标悬停效果.如: <ul ...

  4. 如何:删除Word 2010中的“向下箭头”

    在日常办公中,如果从网站复制了一段文字,直接粘贴到Word中时,常会看到"向下箭头",如下图所示,这种"向下箭头"可以通过选中后删除,但是如果这种符号特别多,那 ...

  5. linux终端输出c语言程序,Linux终端程序用c语言实现改变输出的字的颜色

    颜色代码: 格式: echo "\033[字背景颜色;字体颜色m字符串\033[0m" 例如: echo "\033[41;36m something here \033 ...

  6. Linux终端程序用c语言实现改变输出的字的颜色

    颜色代码: 格式: echo "\033[字背景颜色;字体颜色m字符串\033[0m"例如: echo "\033[41;36m something here \033[ ...

  7. Linux终端程序用c语言实现改变输出的字的颜色 (转)

    Linux终端程序用c语言实现改变输出的字的颜色    格式: echo "\033[字背景颜色;字体颜色m字符串\033[0m" 例如: echo "\033[41;3 ...

  8. 格式: echo -e \033[字背景颜色 字体颜色m字符串\033[0m

    转自:http://blog.csdn.net/panpan639944806/article/details/23930553 格式: echo -e "\033[字背景颜色;字体颜色m字 ...

  9. 格式: echo -e \033[字背景颜色;字体颜色m字符串\033[0m

    格式: echo -e "\033[字背景颜色;字体颜色m字符串\033[0m" 例如:  echo -e "\033[41;36m something here \03 ...

最新文章

  1. Go 学习笔记(54)— Go 第三方库之 uber-go/zap/lumberjack(记录日志到文件、支持自动分割日志、支持日志级别、打印调用文件、函数和行号)
  2. CPU对指令长度的判断
  3. SAP MM模块常用概念--供应商评价
  4. pyqt5动态添加按钮
  5. 面试官问你“有什么问题问我吗?”,你该如何回答?
  6. Python学习笔记(matplotlib篇)--多图figure
  7. 在asp.net中怎样将输入的中文符号转换成英文符号
  8. Java 反射机制 是什么
  9. java程序设计精编教程第3版电子版课后答案_Java程序设计精编教程-(第3版)-微课版...
  10. 西南科技大学OJ题 循环队列0965
  11. 学习单片机——MCS-51单片机的型号与组成
  12. 【基于机器学习/深度学习的睡眠信号分类】主题必读论文推荐
  13. 中软干两年有用吗_跳槽去中软国际的两大理由?
  14. 软考高级系统架构设计师你想知道的全在这
  15. cwebp 命令大全
  16. 宽带,猫,路由器的关系是什么?
  17. 主持工作的副职能享受正职的办公室面积待遇吗?
  18. 职业访谈计算机学院老师,理想照亮现实 访谈引领未来数学计算机学院举行首届职业生涯人物访谈大赛...
  19. 闲谈IPv6-没有选项胜有选项的TLV
  20. 用户行为分析的背景以及几种模型分析、实例分析——淘宝用户行为分析

热门文章

  1. MSDE2000 SP4 与 osql
  2. 分布式理论之BASE理论
  3. The Preliminary Contest for ICPC China Nanchang National Invitational 南昌网络赛2019
  4. Build gradle project info的暴力解决方式
  5. matlab R2012b下载安装
  6. 牛客网-八皇后【搜就完事】
  7. (Python语法篇)7.面向对象编程(3)类对象
  8. 自考计算机英语答题技巧,自学考试英语二答题技巧
  9. 高效编程神器选戴尔!戴尔创业节抄底价Vostro台式机限时1999!
  10. 时间怎么算用计算机,时间的来源、表示、计算机计时和时间校准全面详细分析...