qakcn
学生会会长
学生会会长
  • 注册日期2008-10-31
  • 最后登录2021-01-05
  • 生日1988-8-18
  • 光玉3394颗
阅读:1502回复:14

科普第1篇补遗——CSS颜色

楼主#
更多 发布于:2010-09-12 03:10

网页规范的制定者W3C在制定CSS 3标准时制定了147种颜色关键字。网页上表示颜色除了使用十六进制代码(如:#00FF00)、十进制代码(如:rgb(0, 255, 0))外,还可以直接使用这147个颜色关键字。


比如论坛里发贴使用的[color=颜色] ,其中的颜色就可以是下面的颜色关键字。


有于很多灰色都有两种拼法(gray和grey)所以总共的颜色数量实际上没有147种。


下面就列出所有的颜色关键字,供大家挑选。附件里有个html文件版的,供大家随时查阅。



CSS颜色(字母序)
























































































































































































aliceblue antiquewhite aqua aquamarine
azure beige bisque black
blanchedalmond blue blueviolet brown
burlywood cadetblue chartreuse chocolate
coral cornflowerblue cornsilk crimson
cyan darkblue darkcyan darkgoldenrod
darkgray darkgreen darkgrey darkkhaki
darkolivegreen darkorange darkorchid darkred
darksalmon darkseagreen darkslateblue darkslategray
darkslategrey darkturquoise darkviolet deeppink
deepskyblue dimgray dimgrey dodgerblue
firebrick floralwhite forestgreen fuchsia
gainsboro ghostwhite gold goldenrod
gray green greenyellow grey
honeydew hotpink indianred indigo
ivory khaki lavender lavenderblush
lawngreen lemonchiffon lightblue lightcoral
lightcyan lightgoldenrodyellow lightgray lightgreen
lightgrey lightpink lightsalmon lightseagreen
lightskyblue lightslategray lightslategrey lightsteelblue
lightyellow lime limegreen linen
magenta maroon mediumaquamarine mediumblue
mediumorchid mediumpurple mediumseagreen mediumslateblue
mediumspringgreen mediumturquoise mediumvioletred midnightblue
mintcream mistyrose moccasin navajowhite
navy oldlace olive olivedrab
orange orangered orchid palegoldenrod
palegreen paleturquoise palevioletred papayawhip
peachpuff peru pink plum
powderblue purple red rosybrown
royalblue saddlebrown seagreen seashell
sienna silver skyblue slateblue
slategray slategrey snow springgreen
steelblue tan teal thistle
tomato turquoise violet wheat
white whitesmoke yellow yellowgreen

CSS颜色(色系序)






























































































































































































































































































红色蓝色绿色黄色棕色灰色
lavenderblush azure mintcream lightgoldenrodyellow snow white
mistyrose aliceblue honeydew ivory seashell ghostwhite
pink lavender greenyellow lightyellow oldlace whitesmoke
lightpink lightcyan yellowgreen floralwhite linen gainsboro
orange powderblue palegreen lemonchiffon antiquewhite lightgray
lightsalmon lightsteelblue lightgreen cornsilk beige lightgrey
darkorange paleturquoise darkseagreen khaki papayawhip silver
coral lightblue olive yellow blanchedalmond darkgray
hotpink blueviolet aquamarine gold bisque darkgrey
tomato lightskyblue chartreuse darkkhaki moccasin gray
orangered skyblue lawngreen navajowhite grey
deeppink mediumslateblue olivedrab peachpuff lightslategray
fuchsia slateblue mediumaquamarine wheat lightslategrey
magenta cornflowerblue darkolivegreen sandybrown slategray
red cadetblue mediumseagreen palegoldenrod slategrey
salmon indigo limegreen burlywood dimgray
lightcoral mediumturquoise seagreen goldenrod dimgrey
violet darkslateblue forestgreen tan darkslategray
darksalmon steelblue lightgreen chocolate darkslategrey
plum royalblue springgreen peru black
crimson turquoise lime rosybrown
palevioletred dodgerblue mediumspringgreen darkgoldenrod
orchid midnightblue teal brown
thistle aqua green sienna
indianred cyan darkgreen saddlebrown
mediumvioletred darkturquoise
mediumorchid deepskyblue
firebrick darkcyan
darkorchid blue
darkviolet mediumblue
mediumpurple darkblue
darkmagenta navy
darkred
purple
maroon


注:以“gray”结尾的与以“grey”结尾的灰色为同一种颜色的不同拼法。其中IE6不支持lightgray和其他以“grey”结尾的灰色(但支持lightgrey和其他以“gray”结尾的灰色)。IE7及以上版本、Opera、FireFox等其他浏览器支持所有颜色。



以前的文章:


科普第1篇——计算机色彩


科普第2篇——光盘

喜欢0 评分0
aitushu
光坂学士生
光坂学士生
  • 注册日期2009-08-14
  • 最后登录2013-04-08
  • 生日1950-1-1
  • 光玉3352颗
沙发#
发布于:2010-09-12 04:33
怪不得昨天看了2没找到1啊
回复(0) 喜欢(0)     评分
初音
光坂基金会
光坂基金会
  • 注册日期2010-05-29
  • 最后登录2015-10-10
  • 生日1990-10-3
  • 光玉722颗
2楼#
发布于:2010-09-12 05:46
我昨天尝试在帖子里用html代码结果没成功,真囧啊……
回复(0) 喜欢(0)     评分
ナイトメア
光坂基金会
光坂基金会
  • 注册日期2008-10-30
  • 最后登录2017-12-29
  • 生日1990-3-29
  • 光玉4167颗
3楼#
发布于:2010-09-12 06:59
还是不太明白grey结尾的灰色和gray结尾的灰色有啥区别= =看起来似乎一样啊……
回复(0) 喜欢(0)     评分
ナイトメア
光坂基金会
光坂基金会
  • 注册日期2008-10-30
  • 最后登录2017-12-29
  • 生日1990-3-29
  • 光玉4167颗
4楼#
发布于:2010-09-12 07:00
回 2楼(初音) 的帖子
先在windcode模式下粘贴进HTML代码,然后把下面的“使用HTML代码”勾上。再点“所见即所得”模式查看效果。如果效果出来了你就可以发帖了
回复(0) 喜欢(0)     评分
桜舞雪咒
学生会会长
学生会会长
  • 注册日期2009-05-01
  • 最后登录2021-10-30
  • 生日1991-3-23
  • 光玉11781颗
5楼#
发布于:2010-09-12 09:51
颜色代码~~写帖子时候有时候要用到
回复(0) 喜欢(0)     评分
ナイトメア
光坂基金会
光坂基金会
  • 注册日期2008-10-30
  • 最后登录2017-12-29
  • 生日1990-3-29
  • 光玉4167颗
6楼#
发布于:2010-09-12 10:32
回 4楼楼主留言
是嘛…我用的都是播放器之类的简单HTML代码,所以没这问题
回复(0) 喜欢(0)     评分
初音
光坂基金会
光坂基金会
  • 注册日期2010-05-29
  • 最后登录2015-10-10
  • 生日1990-10-3
  • 光玉722颗
7楼#
发布于:2010-09-12 10:35
我昨天也是打算贴播放器代码的,结果发出来一片乱码,于是就改用了Flash代码。
回复(0) 喜欢(0)     评分
凌涵汐雨
光坂基金会
光坂基金会
  • 注册日期2010-06-15
  • 最后登录2021-09-07
  • 生日1950-1-1
  • 光玉3595颗
8楼#
发布于:2010-09-12 10:48
颜色代码有次自己乱写写错了= -

我原来尝试翻唱用HTML代码的= -
结果出来都是一片乱码……囧
回复(0) 喜欢(0)     评分
睦月
光坂学士生
光坂学士生
  • 注册日期2008-12-23
  • 最后登录2018-11-01
  • 生日1996-4-14
  • 光玉3468颗
9楼#
发布于:2010-09-12 11:47
咱用不到这么高级的的知识
回复(0) 喜欢(0)     评分
琥珀
光坂硕士生
光坂硕士生
  • 注册日期2009-06-07
  • 最后登录2020-12-09
  • 生日1989-12-26
  • 光玉6903颗
10楼#
发布于:2010-09-12 12:21
终于出现点实用的了!!嘛~~咱期待后面的
回复(0) 喜欢(0)     评分
镜音铃
光坂基金会
光坂基金会
  • 注册日期2009-08-07
  • 最后登录2023-09-20
  • 生日1989-6-19
  • 光玉7798颗
11楼#
发布于:2010-09-12 13:00
好像是一大串颜色代码.
回复(0) 喜欢(0)     评分
eva2203
光坂基金会
光坂基金会
  • 注册日期2009-05-30
  • 最后登录2019-04-17
  • 生日1989-9-19
  • 光玉16659颗
12楼#
发布于:2010-09-12 19:32
家族有些颜色是没有的。。。
[move][/move]
回复(0) 喜欢(0)     评分
serffyme水草~
光坂学士生
光坂学士生
  • 注册日期2008-12-11
  • 最后登录2020-04-28
  • 生日1989-11-27
  • 光玉4876颗
13楼#
发布于:2010-09-13 00:10
恩~下次试试~大扣辛苦了!
回复(0) 喜欢(0)     评分
奥利奥丶灬
光坂学士生
光坂学士生
  • 注册日期2009-11-13
  • 最后登录2013-03-16
  • 生日1996-10-11
  • 光玉3055颗
14楼#
发布于:2010-09-17 22:12
=  = 好多神奇的颜色...
回复(0) 喜欢(0)     评分
游客

返回顶部