(转)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－DECORATION: none} (visited表示被访问后,链接颜色为灰色,链接无下划线.)
A:active {color:green;text－decoration: none} (active表示鼠标点击时,链接颜色为绿色,链接无下划线.)
|
FFFFFF |
#DDDDDD | #AAAAAA | #888888 | #666666 | #444444 | #000000 |
| #FFB7DD | #FF88C2 | #FF44AA | #FF0088 | #C10066 | #A20055 | #8C0044 |
| #FFCCCC | #FF8888 | #FF3333 | #FF0000 | #CC0000 | #AA0000 | #880000 |
| #FFC8B4 | #FFA488 | #FF7744 | #FF5511 | #E63F00 | #C63300 | #A42D00 |
| #FFDDAA | #FFBB66 | #FFAA33 | #FF8800 | #EE7700 | #CC6600 | #BB5500 |
| #FFEE99 | #FFDD55 | #FFCC22 | #FFBB00 | #DDAA00 | #AA7700 | #886600 |
| #FFFFBB | #FFFF77 | #FFFF33 | #FFFF00 | #EEEE00 | #BBBB00 | #888800 |
| #EEFFBB | #DDFF77 | #CCFF33 | #BBFF00 | #99DD00 | #88AA00 | #668800 |
| #CCFF99 | #BBFF66 | #99FF33 | #77FF00 | #66DD00 | #55AA00 | #227700 |
| #99FF99 | #66FF66 | #33FF33 | #00FF00 | #00DD00 | #00AA00 | #008800 |
| #BBFFEE | #77FFCC | #33FFAA | #00FF99 | #00DD77 | #00AA55 | #008844 |
| #AAFFEE | #77FFEE | #33FFDD | #00FFCC | #00DDAA | #00AA88 | #008866 |
| #99FFFF | #66FFFF | #33FFFF | #00FFFF | #00DDDD | #00AAAA | #008888 |
| #CCEEFF | #77DDFF | #33CCFF | #00BBFF | #009FCC | #0088A8 | #007799 |
| #CCDDFF | #99BBFF | #5599FF | #0066FF | #0044BB | #003C9D | #003377 |
| #CCCCFF | #9999FF | #5555FF | #0000FF | #0000CC | #0000AA | #000088 |
| #CCBBFF | #9F88FF | #7744FF | #5500FF | #4400CC | #2200AA | #220088 |
| #D1BBFF | #B088FF | #9955FF | #7700FF | #5500DD | #4400B3 | #3A0088 |
| #E8CCFF | #D28EFF | #B94FFF | #9900FF | #7700BB | #66009D | #550088 |
| #F0BBFF | #E38EFF | #E93EFF | #CC00FF | #A500CC | #7A0099 | #660077 |
| #FFB3FF | #FF77FF | #FF3EFF | #FF0 0FF | #CC00CC | #990099 | #770077 |
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| maroon | #800000 | |
| darkred | #8B0000 | |
| brown | #A52A2A | |
| firebrick | #B22222 | |
| crimson | #DC143C | |
| red | #FF0000 |
桃紅~紛紅
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| mediumvioletred | #C71585 | |
| palevioletred | #D87093 | |
| deeppink | #FF1493 | |
| fuchsia(magenta) | #FF00FF | |
| hotpink | #FF69B4 | |
| pink | #FFC0CB | |
| lightpink | #FFB6C1 | |
| mistyrose | #FFE4E1 | |
| lavenderblush | #FFF0F5 |
紫
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| indigo | #4B0082 | |
| purple | #800080 | |
| darkmagenta | #8B008B | |
| darkorchid | #9932CC | |
| blueviolet | #8A2BE2 | |
| darkviolet | #9400D3 | |
| slateblue | #6A5ACD | |
| mediumpurple | #9370DB | |
| mediumslateblue | #7B68EE | |
| mediumorchid | #BA55D3 | |
| violet | #EE82EE | |
| plum | #DDA0DD | |
| thistle | #D8BFD8 | |
| lavender | #E6E6FA |
褐~橘~米白
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| saddlebrown | #8B4513 | |
| sienna | #A0522D | |
| chocolate | #D2691E | |
| indianred | #CD5C5C | |
| rosybrown | #BC8F8F | |
| lightcorol | #F08080 | |
| salmon | #FA8072 | |
| lightsalmon | #FFA07A | |
| orangered | #FF4500 | |
| tomato | #FF6347 | |
| coral | #FF7F50 | |
| darkorange | #FF8C00 | |
| sandybrown | #F4A460 | |
| peru | #CD853F | |
| tan | #D2B48C | |
| burlywood | #DEB887 | |
| wheat | #F5DEB3 | |
| moccasin | #FFE4B5 | |
| navajowhite | #FFDEAD | |
| peachpuff | #FFDAB9 | |
| bisque | #FFE4C4 | |
| antuquewhite | #FAEBD7 | |
| papayawhip | #FFEFD5 | |
| cornsilk | #FFF8DC | |
| oldlace | #FDF5E6 | |
| linen | #FAF0E6 | |
| seashell | #FFF5EE | |
| snow | #FFFAFA | |
| floralwhite | #FFFAF0 | |
| ivory | #FFFFF0 | |
| mintcream | #F5FFFA |
金~黃
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| darkgoldenrod | #B8860B | |
| goldenrod | #DAA520 | |
| gold | #FFD700 | |
| yellow | #FFFF00 | |
| darkkhaki | #BDB76B | |
| khaki | #F0E68C | |
| palegoldenrod | #EEE8AA | |
| beige | #F5F5DC | |
| lemonchiffon | #FFFACD | |
| lightgoldenrodyellow | #FAFAD2 | |
| lightyellow | #FFFFE0 |
~黃
綠
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| darkslategray | #2F4F4F | |
| darkolivegreen | #556B2F | |
| olive | #808000 | |
| darkgreen | #006400 | |
| forestgreen | #228B22 | |
| seagreen | #2E8B57 | |
| green(teal) | #008080 | |
| lightseagreen | #20B2AA | |
| madiumaquamarine | #66CDAA | |
| mediumseagreen | #3CB371 | |
| darkseagreen | #8FBC8F | |
| yellowgreen | #9ACD32 | |
| limegreen | #32CD32 | |
| lime | #00FF00 | |
| chartreuse | #7FFF00 | |
| lawngreen | #7CFC00 | |
| greenyellow | #ADFF2F | |
| mediumspringgreen | #00FA9A | |
| springgreen | #00FF7F | |
| lightgreen | #90EE90 | |
| palegreen | #98F898 | |
| aquamarine | #7FFFD4 | |
| honeydew | #F0FFF0 |
藍
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| midnightblue | #191970 | |
| navy | #000080 | |
| darkblue | #00008B | |
| darkslateblue | #483D8B | |
| mediumblue | #0000CD | |
| royalblue | #4169E1 | |
| dodgerblue | #1E90FF | |
| cornflowerblue | #6495ED | |
| deepskyblue | #00BFFF | |
| lightskyblue | #87CEFA | |
| lightsteelblue | #B0C4DE | |
| lightblue | #ADD8E6 | |
| steelblue | #4682B4 | |
| darkcyan | #008B8B | |
| cadetblue | #5F9EA0 | |
| darkturquoise | #00CED1 | |
| mediumturquoise | #48D1CC | |
| turquoise | #40E0D0 | |
| skyblue | #87CECB | |
| powderblue | #B0E0E6 | |
| paleturquoise | #AFEEEE | |
| lightcyan | #E0FFFF | |
| azure | #F0FFFF | |
| aliceblue | #F0F8FF | |
| aqua(cyan) | #00FFFF |
黑~灰~白
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| black | #000000 | |
| dimgray | #696969 | |
| gray | #808080 | |
| slategray | #708090 | |
| lightslategray | #778899 | |
| dakgray | #A9A9A9 | |
| silver | #C0C0C0 | |
| lightgray | #D3D3D3 | |
| gainsboro | #DCDCDC | |
| whitesmoke | #F5F5F5 | |
| ghostwhite | #F8F8FF |
(转)CSS颜色及<a>标签超链接颜色改变的更多相关文章
- Echarts X轴 Y轴 线的类型、颜色、及标签字体颜色 设置
// 人均效能 var initRjxnChart = function () { var rjxnChart = echarts.init(document.getElementById(" ...
- css可以修改超链接颜色吗？
超链接a标签大家都应该很熟悉,这篇文章主要的讲的是a标签的基础css样式设置,下面我们来看一下css修改超链接颜色的方法. css可以使用下面几个伪类来设置超链接: a:link :是未被访问的样式, ...
- java：HTML（table表格，ul列表）和CSS（导入.css文件，三种定义颜色方式，三种样式选择器，a标签属性顺序，）
1.重点掌握: html: 1.form表单:input,checkbox,seelct,radio,button,submit 2.table表格:thead-->tr-->th;tbo ...
- 如何用css给input的placeholder设置颜色
我在做页面的时候遇到过这种情况,在input标签中有默认字,但是设计稿上的颜色和input标签中的placeholder的默认颜色不一致.虽然我们可以在js中写出,但是有点过于麻烦了. 所以我就用cs ...
- HTML a标签文字颜色
1.css代码: a{color:#00F} a:hover{color:#f00}/* 鼠标经过悬停字体颜色 */ /* css 注释说明:以上代码为设置HTML中超链接统一字体颜色 */ .div ...
- 32.QT-制作最强电压电阻表盘,可以自定义阴影效果,渐变颜色,图标,文字标签等-附带demo程序
由于上位机需要绘制电压电阻表盘,如下图所示: 后来,在网上找阿找,还是没找到满意的,索性自己来画控件算了,由于第一次画控件,所以花了我2天时间,才画好 效果图如下: 上图的所有颜色(包括滑动的渐变/单 ...
- TextView-属性大全（设置超链接颜色）
今天想要修改一个textview下的超链接的颜色值,自己当时在网上搜了一下,结果看到的全是怎么给一个textview中的部分内容设置颜色.下划线等.当时就以为在textview属性里面可能不存在设定超 ...
- css案例学习之按钮超链接
效果 css实现 <html> <head> <title>按钮超链接</title> <style> a{ /* 统一设置所有样式 */ ...
- 前端基础之CSS的引入+HTML标签选择器+CSS操作属性
clear:left/ringt属性 CSS:语法形式上由选择器+以及一条或多条声明组成:选择器查找到指定的html标签后,使用css属性设置html标签的样式: ...
随机推荐
- 一行code实现ADO.NET查询结果映射至实体对象。
AutoMapper是一个.NET的对象映射工具. 主要用途 领域对象与DTO之间的转换.数据库查询结果映射至实体对象. 这次我们说说 数据库查询结果映射至实体对象. 先贴一段代码: public S ...
- IT软件开发中常用的英语词汇
Aabstract 抽象的abstract base class (ABC)抽象基类abstract class 抽象类abstraction 抽象.抽象物.抽象性access 存取.访问access ...
- [ext4]05 磁盘布局 - 延迟块组初始化
延迟块组初始化,Ext4的新特性.如果对应的特性标识uninit_bg置位,那么inode bitmap和inode tables就不会初始化. 延迟块组初始化特性特性可以减少格式化耗时. 延迟块组初 ...
- linux 下 启动oracle
[root@csyang ~]# su - oracle #首先su到oracle用户 [oracle@csyang ~]$ sqlplus sys/passwd as sysdba #使用sys用户 ...
- HTML5和CSS3实现3D转换效果 CSS3的3D效果
上次,我们一起研究了css3的2d模块,这次我们一起来看一下css3的3d模块. 首先,我们来了解一下3d的坐标系,x轴在屏幕上为水平方向,y轴为垂直方向,而z轴为垂直于屏幕的方向. 不理解的话可以参 ...
- 04(2) 基于上下文相关的GMM-HMM声学模型2之参数共享
1.三音素建模存在的问题 问题一:很多三音素在训练数据中没有出现(尤其跨词三音素) 问题二:在训练数据中出现过的三音素有相当一部分出现的频次较少 因此,三音素模型训练时存在较严重的数据不足问题 2.参 ...
- 手把手教做单点登录（SSO）系列之一：概述与示例
本系列将由浅入深的结合示例.源码以及演示视频,手把手的带大家深入最新的单点登录SSO方案选型与架构开发实战.文末附5个满足不同单点登录场景的gif动画演示(如果看不清请在图片上右键用新窗口打开),本系 ...
- input元素之间的融合
将两个input融合在一起,注意input标签之间的空格 .put1{ width: 20px; height: 28px; vertical-align:middle; border: 1px so ...
- [js笔记整理]事件篇
一.事件流1.冒泡事件:从特定的事件到不特定事件依次触发:(由DOM层次的底层依次向上冒泡)(1)示例: <html onclick="add('html<br>')&qu ...
- Struts2之2.5.10.1HelloWorld
Struts2.5.10.1是目前为止最新的版本,struts2建议持续跟进,理由大家都懂.好了,下面步入正题. 基于struts2.5.10.1建立一个HelloWorld,基于注解的哈! 工具:e ...