Cowboyuk's profileGAME TANKPhotosBlogLists Tools Help

Blog


    3/18/2006

    BLOG 技法基础篇

     
    1.贴音乐:

    在编辑空间的主页面下,将该参数&powertoy=musicvideo附加到IE的地址栏中的地址后面,然后敲回车
    例如,我的空间编辑状态页面的地址是:
    粘贴忘参数后的地址是
    在打开的新页面,点"自定义",再点“模块”,旧可以看到"PowerToy:
    Windows Media Player  添加"——这一项,选上,就可以在页面上看到新增加的该模块,设置模块相关参数,保存即可。
    相关参数的说明:媒体文件支持WMA, WMV, WAV, AVI, MPG, MPEG, MP3等类型,设置参数支持媒体文件URL地址、开始播放时间、重复播放次数、播放速度、是否自动播放、播放屏幕大小、是否显示右键菜单等。

    旧方法:
    <IMG height=0 width=0 border=0 loop=infinite dynsrc=http://www.szbjgz.com/bjwy3/g102/music/My%20Love.wma>
    你的朋友浏览你的空间的时候,可以通过按"ESC"键来停止音乐(但同时页面的载入也就停止了,特别是gif动画,会停),如果想再听,只能按F5刷新页面。

    ===============================================================
    2. 日志背景代码:
    新方法:
    <table background="图片地址" width="100%" height="高度" cellSpacing=0 cellPadding=0 border=0>
    <tbody>
    <tr>
    <td valign=top>日志文字
    </td>
    </tr>
    </tbody>
    </table>
    ===============================================================
    3.背景图片 + 滚动文本框的组合
    如果宽度略小于你的日志宽度的话,用 table 方法;
    如果图片宽度大于你的日志宽度的话,用 DIV 方法,(没给出)
    一 、table 方法:
    首先,将如下代码复制到日志的HTML代码里:
    <TABLE style="BACKGROUND-POSITION: 50% 0%; BACKGROUND-REPEAT: no-repeat" height=图片的高度 width="100%" background=图片地址>
    <TBODY>
    <TR>
    <TD vAlign=top align=middle>
    </TD></TR></TBODY></TABLE>
    代码中蓝色部分是需要修改的,改成你的图片地址和图片高度(高度只需要换成数字即可,后面不需要加px)。
    然后再将如下代码复制到<TD vAlign=top align=middle>与</TD>之间:
    <DIV style="HEIGHT: 文字内容高度px; WIDTH: 文字内容宽度px; OVERFLOW: scroll; OVERFLOW-X: hidden; SCROLLBAR-FACE-COLOR: #ffd700; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; SCROLLBAR-SHADOW-COLOR: #3d5054; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da; SCROLLBAR-DARKSHADOW-COLOR: #85989c" align=left>日志文字</DIV>

    OVERFLOW: scroll; OVERFLOW-X: hidden;为设置"强制出现滚动条"和“屏蔽横向滚动条”的代码,不用修改
    代码中深黄色的部分为滚动条的颜色,大家根据这个色板自行修改,不需要设置滚动条颜色的话,把; SCROLLBAR-FACE-COLOR:到SCROLLBAR-DARKSHADOW-COLOR: #85989c这一部分全都删掉即可
    代码中,橙色left的为日志文字的对齐方式,left 表示居左对齐,center 表示居中对齐,right 表示居右对齐。
          编辑好代码后,就可以点回<HTML>按钮编辑你的文字了。

    ===============================================================
    4。  怎样制作留言板。
    - 新建一篇日志,标题就叫"留言板"(叫别的也行),类别随便,内容随便写,然后发布。
    - 在空间的预览模式下,那篇日志的下面有个"固定链接"字样,点开它,会出现一个地址,这个地址就是你的留言板的地址,把地址复制一下。
    - 在空间的编辑模式下创建一个自定义列表。
    - 列表名字重命名为"留言板",在此列表里添加一新项,名称:留言板;地址:Ctrl+V 粘贴刚才复制的那个地址;描述:随便写,还写"留言板"也行,不写也行,写完以后点"保存"。 如果要连接其他留言板可供msn外用户使用,要另外申请。
    - 搞定!预览一下你的空间,看见那个新建的列表了吧?点里面的链接,直接到达你刚才新发布的那篇日志,明白了吗?那篇日志的"评论"就是你的留言板,你的朋友对那篇日志的评论,就是给你的留言。
     
     
    ===============================================================
    5。免费计数器
    是要在网上申请的,可以申请的网站很多,先拿一个作例子,比如这个:
    在"Your Page Address (URL):"的后面填入你的空间地址;
    在"Start Counter at:"后面填入起始计数值;
    再在下面选择一款你喜欢的颜色,然后点"Sign Up"按钮
    新打开的网页里,有一个框,框里面有一长串代码,别管它有多长,全选,复制,然后点一下<HTML>按钮进入到日志的代码,粘贴(建议粘贴在最前或最后),再点一下<HTML>按钮,稍等片刻,就可以看见你的计数器了。

    ===============================================================
    6。 添加天气预报
    比较简单,进入此网站:
    在此网页的最上面输入自己所在的城市,只能输入英文,,比如:北京(BEIJING)、上海(SHANGHAI)、西安(XI'AN)等等,在您所在的城市的具体情况的网页上找到这个链接:Click here for your Weather Sticker?!,点击这个链接,就出现了各种各样的显示形式,挑选一个自己喜欢的,右击天气预报图片,选复制,再回到自己的日志,Ctrl+V 粘贴,就OK了

    ===============================================================
    7。怎样实现"手动置顶"
     
    -照常发布你的新日志。
    -把你的日志A的内容复制一下 (在预览模式下和编辑模式下复制均可)。
    -再新建一篇日志,把刚才复制的内容粘贴进去,发布。
    -在空间的编辑模式下把日志A整体删掉,搞定!
     
    当前还没有找到不需要删除原日志而直接将日志置顶的方法 =v=
     

    ===============================================================
    8。怎样添加QQ在线留言指示器
     
     QQ在线留言,就是点击图标可以和寂语直接对话,不加好友也可以对话,(当然,我不在线的时候,要等上线了才能给你回复)
    QQ在线留言和MSN在线状态指示器的添加方法差不多,到这个网站申请 : http://is.qq.com/webpresence/code.shtml
    步骤:
    先从十三种风格里,任选一种。
    "QQ/TM号码:" 后面填入你的QQ号;
    "留言的网站名称" 后面填你的空间名字就可以,例如,我就填 寂语堂;
    "图片旁的留言:" 不用改;
    然后点下面的"生成网页代码"按钮。
    把生成的代码复制一下,粘贴到你日志的代码里,就OK了。
     
    ===============================================================
     
    ===============================================================
    10 边框类:
    代码:外突 outset
    <DIV style="BORDER-RIGHT: 3px outset; BORDER-TOP: 3px outset; BACKGROUND: #ffffff; BORDER-LEFT: 3px outset; WIDTH: 100%; BORDER-BOTTOM: 3px outset; HEIGHT: 100%" align=left>日志文字</DIV>
    代码说明:
    蓝色部分为可修改部分,一一说明:
    四个3表示凸起边框的宽度,用1的话不太明显,2或3比较合适;
       
    四个outset表示边框类型为"凸起",如果都改成inset或者double,就分别是凹陷边框和双线边框的效果,其他效果下文会给出完整代码;
       
    WIDTH: 100%; 和HEIGHT: 100%表示这个框的宽度占日志宽度的百分之百,当窗口伸缩的时候,框的宽度也会随着伸缩,HEIGHT表示高度,另外,还有一种表示方法以px为单位的,表示单位为象素,例如:WIDTH: 355px 表示框的宽度为355象素,不同的版式,日志宽度是不一样,可参考这里给定的值, 一般的情况下,用百分比表示就可以了,但是有的时候需要用象素来确定大小,见机行事吧;
        
    align=left表示框内内容的排列方式为左对齐,把left分别改成center或right分别为居中对齐和右对齐,如果想左对齐的话,可以把align=left删掉,缺省情况下是左对齐;
        
    ffffff表示框内的背景色,ffffff表示白色(000000表示黑色),颜色值可参考这个表来选择,另外,将#ffffff改为transprant即为透明背景,
    日志文字为框内的日志内容,没有必要在代码里编辑,回到普通设计模式,双击生成的框,即可进入框内编辑文字。

    3. 双线边框: double
    <DIV style="BORDER-RIGHT: 3px double #000000; BORDER-TOP: 3px double #000000; BACKGROUND: #ffffff; BORDER-LEFT: 3px double #000000; WIDTH: 100%; BORDER-BOTTOM: 3px double #000000; HEIGHT: 100%" align=left>日志文字</DIV>   
    透明背景双线边框代码:
    <DIV style="BORDER-RIGHT: 3px double #000000; BORDER-TOP: 3px double #000000; BACKGROUND: transprant; BORDER-LEFT: 3px double #000000; WIDTH: 100%; BORDER-BOTTOM: 3px double #000000; HEIGHT: 100%" align=left>日志文字</DIV>
    4. 虚线边框: dashed
    <DIV style="BORDER-RIGHT: 2px dashed #000000; BORDER-TOP: 2px dashed #000000; BACKGROUND: #ffffff; BORDER-LEFT: 2px dashed #000000; WIDTH: 100%; BORDER-BOTTOM: 2px dashed #000000; HEIGHT: 100%" align=left>日志文字</DIV>   
    透明背景虚线边框代码:
    <DIV style="BORDER-RIGHT: 2px dashed #000000; BORDER-TOP: 2px dashed #000000; BACKGROUND: transpant; BORDER-LEFT: 2px dashed #000000; WIDTH: 100%; BORDER-BOTTOM: 2px dashed #000000; HEIGHT: 100%" align=left>日志文字</DIV>
     
    ===============================================================
    11. 定义HTML工具。Custom HTML模块
    通过该工具可以在主页增加一个自定义HTML内容模块。
    操作很简单,在编辑空间的主页面下,将该参数&powertoy=sandbox附加到IE的地址栏中的地址后面,回车刷新页面,就可以在自定义模块中看到新增的"PowerToy: Custom HTML"自定义HTML模块,在页面增加该模块,设置模块相关参数,保存即可。
    设置参数支持模块标题、HTML内容、是否显示模块边框等。
    该模块的不足是只能增加一个自定义HTML模块,而且HTML内容设置限制在512个字节以内,在此限制下很多应用都无法实现。
    例如,我的空间编辑状态的地址是:
    http://spaces.msn.com/members/king19120/
    PersonalSpace.aspx?_c02_owner=1&_c=
    粘贴完代码后的地址为
    http://spaces.msn.com/members/king19120/Personal
    Space.aspx?_c02_owner=1&_c=&powertoy=sandbox

    3.我的Custom HTML模块中的内容
    代码如下:
    <table style="background-position:50% 50%;background-repeat:no-repeat" width="100%" background="
    http://www.amazingcounters.com/counter.php?i=191461&c=574696"><tbody><tr><td align=middle><br><font style="font-size:15pt;filter:Glow(color=#000000);width:167px;height:29px" color="#00ffff" face="Lucida Handwriting, Cursive, Simsun">Mr .Lonely</font><br><br>音乐信息:Fight for love tonight<br>觉得吵请按ESC</td></tr></tbody></table>

    说明如下:懂点HTML语法的朋友都看出来了,我是把计数器(白底红字为计数器的地址)作为表格的背景,这样,表格里面就可以写文字,换句话说,就是可以“在计数器上写文字”,既然计数器只不过是个图片,那么,对图片可以进行哪些操作,对图片就能做哪些操作,大家不妨用这种方法尝试 DIY 一下自己的计数器。
     
    ===============================================================
    12  图片滤镜
    先说说给图片添加滤镜效果,基本的代码如下:
    <IMG style="FILTER: 值" height=图片高度 src="图片地址" width=图片宽度>

    FILTER的值有很多,其中Alpha最为常用,即透明滤镜效果
    一般的透明度设置代码如下:
    <IMG style="FILTER: Alpha(opacity=值)" height=图片高度 src="图片地址" width=图片宽度>
    特殊的透明效果:
    代码如下:
    <IMG style="FILTER: Alpha(opacity=透明度起始值,finishOpacity=透明度终止值,style=透明度样式编号)" height=图片高度 src="图片地址" width=图片宽度>
    代码中粉红色的部分是关键,其中的汉字都是要修改的,透明度起始值一般设置为100,表示完全透明;一般设置为0,透明度终止值表示完全不透明,以背景色覆盖,这样,就形成了从透明到不透明的渐变,style=透明度样式编号表示以什么方式透明,可选的值为0,1,2,3,下面展示不同编号的透明效果:
    编号为0效果:0表示没有透明效果,用处不大,不需要透明的时候,干脆用基本的贴图代码就可以了。
    编号为1效果:类推1,2,3
    <IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1)" height=90 src="http://kuso.cc/0ML/146919_0.jpg" width=120>
    这就是FILTER值为Alpha的一些效果及其代码,个人认为,这些透明度效果比较常用。

    另外,FILTER还有一些其他的值,例如:
    诙谐:
    <IMG style="FILTER:Gray)" height=135 src="http://kuso.cc/0ML/146919_0.jpg" width=180>
    X光效果:
    <IMG style="FILTER:Xray)" height=135 src="http://kuso.cc/0ML/146919_0.jpg" width=180>
    色彩对换:
    <IMG style="FILTER:Invert)" height=135 src="http://kuso.cc/0ML/146919_0.jpg" width=180>
    翻转(左右翻转):
    <IMG style="FILTER:Fliph)" height=135 src="http://kuso.cc/0ML/146919_0.jpg" width=180>
    上下翻转只需将Fliph改为Flipv即可,演示就不作了

    这就是图片的滤镜效果,另外,在<div>标签内加入FILTER代码,然后再在<div></div>之间插入图片(即加入<IMG>标签),可以实现很多特殊的"伪"图片滤镜效果,例如:
    发光效果:

    <DIV style="FILTER: Glow(color=#FF0000,strength=12); WIDTH: 355px; HEIGHT: 160px" align=center><BR><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
    Glow中的color=#FF0000表示发光的颜色为红色,strength=12表示光的宽度,另外要注意,<div>的宽和高一定要大于<IMG>的宽和高,至于大多少,根据实际情况自己调整。
    投射阴影效果:
    <DIV style="FILTER: Shadow(color=#FF0000,direction=135); WIDTH: 355px; HEIGHT: 160px" align=center><BR><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
     
    direction=135表示投影方向,从0到180可自行调整。
    附阴影效果:
    <DIV style="FILTER: Dropshadow(color=#FF0000,offx=5,offy=5); WIDTH: 355px; HEIGHT: 160px" align=center><BR><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
     
    align=left>offx=5,offy=5表示横纵坐标偏离值。
    模糊效果:
    <DIV style="FILTER: Blur(direction=135); WIDTH: 355px; HEIGHT: 160px" align=center><BR><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
    波形效果:
    <DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0);WIDTH: 355px; HEIGHT: 160px" align=center><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
    ——非原
     
     
    ===============================================================

    13. 谁做了你的链接……
     
    在该网站搜索栏里输入你的Space地址,按[Search].能搜出一些做了你的链接的Space... 
    ===============================================================
    14.  非图片的羽化边缘效果——表格标签<td>加滤镜
     
    我不知道这个东西有人注意过没——表格标签 <td>加滤镜,可以形成类似于图片的羽化边缘效果,用这个 来做日志边框不错,免去了上传图片带来的烦恼,例如下面下面这几个例子:
    范例之一:一行3 列的表格
     <TABLE height=100 cellSpacing=0 width="100%">
    <TBODY>
    <TR>
    <TD style="FILTER: Alpha(opacity=0,finishOpacity=100,style=1)" width="10%" bgColor=#ffecff></TD>
    <TD vAlign=top width="80%" bgColor=#ffecff></TD>
    <TD style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1)" width="10%" bgColor=#ffecff></TD></TR></TBODY></TABLE> 

    代码简单说明:
    代码中的红色部分,是产生左右两侧的淡化效果的滤镜,不能改
    代码中的蓝色部分 bgColor=#ffecff,是各个单元格的背景色,#ffecff 代表→这个颜色,需要替换颜色的话到色板里去 找吧;
    代码的绿色部分 height=100 ,表示表格的初始高度为100,内容写多了会自动被撑开,这一点不用 担心;

    范例之二:一行三列的表格(颜色反向)
     <TABLE height=100 cellSpacing=0 width="100%">
    <TBODY>
    <TR>
    <TD style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1)" width="10%" bgColor=#ffecff></TD>
    <TD width="80%"></TD>
    <TD style="FILTER: Alpha(opacity=0,finishOpacity=100,style=1)" width="10%" bgColor=#ffecff></TD></TR></TBODY></TABLE>
     
    ===============================================================

    15.关于右移列表
    右移列表的代码:<div><img></td></table></div>
    使用方法:将上面的↑代码粘贴到你最近发布的日志里,不要预览,直接发布。
     
     
     
     
    5/24/2005

    ◇◇◇◇◇◇颜色代码一览表◇◇◇◇◇◇

    颜色代码一览表


    颜色名 中文名代码示例

    ALICEBLUE  #A0CE00 ■
    ANTIQUEWHITE 古白色#FAEBD7 ■
    AQUA 水色#00FFFF ■
    AQUAMARINE 碧绿#7FFFD4 ■  
    AZURE天蓝#F0FFFF ■
    BEIGE米色、浅褐#F5F5DC ■
    BISQUE 红黄#FFE4C4 ■   
    BLACK黑色#000000 ■   
    BLANCHEDALMOND 白杏色#FFEBCD ■      
    BLUE 蓝色#0000FF ■  
    BLUEVIOLET 紫罗兰色、蓝紫色#8A2BE2 ■         
    BROWN褐色#A52A2A ■   
    BURLYWOOD粗木色#DEB887 ■        
    CADETBLUE嫩蓝#5F9EA0 ■  
    CHARTREUSE 黄绿#7FFF00 ■         
    CHOCOLATE巧克力色#D2691E ■             
    CORAL#FF7F50 ■   
    CORNFLOWERBLUE 矢车菊蓝#6495ED ■         
    CORNSILK 王米须色#FFF8DC ■    
    CRIMSON深红#DC143C ■  
    CYAN 蓝绿#00FFFF ■
    DARKBLUE 暗蓝#00008B ■ 
    DARKCYAN #008B8B ■        
    DARKGOLDENROD暗秋麒麟草色#B8860B ■       
    DARKGRAY 暗灰#A9A9A9 ■        
    DARKGREEN暗绿#006400 ■       
    DARKKHAKI暗土黄#BDB76B ■               
    DARKMAGENTA暗紫红、暗洋红#8B008B ■           
    DARKOLIVEGREEN 暗橄榄绿#556B2F ■          
    DARKORANGE 暗桔黄、暗橘色#FF8C00 ■         
    DARKORCHID 暗紫#9932CC ■  
    DARKRED暗红#8B0000 ■    
    DARKSALMON 暗肉色#E9967A ■     
    DARKSEAGREEN 暗海绿#8FBC8F ■        
    DARKSLATEBLUE暗石蓝#483D8B ■            
    DARKSLATEGRAY暗蓝灰色#2F4F4F ■              
    DARKTURQUOISE暗青绿色#00CED1 ■         
    DARKVIOLET 暗紫罗兰色、暗蓝紫#9400D3 ■       
    DEEPPINK 深粉红#FF1493 ■                  
    DEEPSKYBLUE深天蓝#00BFFF ■             
    DIMGRAY暗灰#696969 ■          
    DODGERBLUE 闪蓝#1E90FF ■          
    FIREBRICK耐火砖色#B22222 ■          
    FLORALWHITE花白#FFFAF0 ■          
    FORESTGREEN森林绿#228B22 ■             
    FUCHSLA紫红#FF00FF ■                     
    GAINSBORO#DCDCDC ■                    
    GHOSTWHITE 微白#F8F8FF ■
    GOLD 金色#FFD700 ■
    GOLDENROD秋麒麟草色#DAA520 ■
    GRAY 灰色#808080 ■             
    GREEN绿色#008000 ■         
    GREENYELLOW绿黄#ADFF2F ■       
    HONEYDEW 蜜色#F0FFF0 ■
    HOTPINK强粉红#FF69B4 ■             
    INDIANRED印度红#CD5C5C ■        
    INDIGO 靓色、紫蓝色#4B0082 ■
    IVORY象牙色、乳白色#FFFFF0 ■ 
    KNAKI上黄#F0E68C ■
    LAVENDER 淡紫#E6E6FA ■       
    LAVENDERBLUSH浅紫红#FFF0F5 ■
    LEMONCHIFFON 淡泞檬色#FFFACD ■    
    LIGHTBLUE淡蓝#ADD8E6 ■
    LIGHTCORAL 淡珊瑚色#F08080 ■   
    LIGHTCYAN淡蓝绿#E0FFFF ■      
    LIGHTGOLDENRODYELLOW 淡秋麒麟草色#FAFAD2 ■               
    LIGHTGREEN 淡绿#90EE90 ■   
    LIGHTGRAY淡灰#D3D3D3 ■     
    LIGHTPINK淡粉红#FFB6C1 ■
    LIGHTSALMON淡鲜肉色#FFA07A ■  
    LIGHTSEAGREEN淡海绿#20B2AA ■
    LIGHTSKYBLUE 淡天蓝#87CEFA ■
    LIGHTSLATEGRAY 淡蓝灰#778899 ■   
    LIGHTSTEELBLUE 淡钢青#B0C4DE ■ 
    LIGHTYELLOW淡黄#FFFFE0 ■     
    LIME 石灰色#00FF00 ■
    LIMEGREEN石灰绿#32CD32 ■
    LINEN亚麻色#FAF0E6 ■
    MAGENTA紫红、洋红#FF00FF ■      
    MAROON 粟色#800000 ■
    MEDIUMAQUAMARINE 中碧绿#66CDAA ■                 
    MEDIUMBLUE 中蓝#0000CD ■     
    MEDIUMORCHID 中淡紫#BA55D3 ■       
    MEDIUMPURPLE 中紫#9370DB ■      
    MEDIUMSEAGREEN 中海蓝#3CB371 ■          
    MIDIUMSLAEBLUE 中石蓝#7B68EE ■        
    MEDIUMSPRINGGREEN中草绿#00FA9A ■       
    MEDIUMTURQUOISE中青绿#48D1CC ■       
    MEDIUMVIOLETRED中蓝紫红#C71585 ■                          
    MIDNIGHTBLUE 夜蓝#191970 ■                                                
    MINTCRLAM薄荷油色#F5FFFA ■
    MISTYROSE模糊玫瑰色#FFE4E1 ■                              
    NAVAJOWHITE拿佛和白#FFDEAD ■ 
    NAVY 藏青色#000080 ■ 
    OLDLACE旧花边色#FDF5E6 ■ 
    OLIVE橄榄色#808000 ■
    OLIVEDRAB深绿褐#6B8E23 ■             
    ORANGE 桔黄色#FFA500 ■ 
    ORANGERED桔红#FF4500 ■   
    ORCHID 淡紫#DA70D6 ■       
    PALEGOLDENROD浅秋麒麟草色#EEE8AA ■           
    PALEGREEN浅绿#98FB98 ■    
    PALETURQUOISE浅青绿#AFEEEE ■        
    PALEVIOLETRED浅蓝紫红#DB7093 ■      
    PAPAYAWHIP 木瓜梗色#FFEFD5 ■          
    PEACHPUFF桃色#FFDAB9 ■        
    PERU 秘鲁色#CD853F ■          
    PINK 粉红#FFC0CB ■       
    PLUM 李子色、深紫色#DDA0DD ■              
    POWDERBLUE 粉蓝#B0E0E6 ■         
    PURPLE 紫色#800080 ■        
    RED红色#FF0000 ■       
    ROSYBROWN墙壁褐色#BC8F8F ■         
    ROYALBLUE皇家蓝#4169E1 ■           
    SADDLEBROWN鞍褐#8B5413 ■         
    SLAMON 肉色#FA8072 ■         
    SANDYBROWN 沙褐色#F4A460 ■          
    SEAGREEN 海绿#2E8B57 ■        
    SEASHELL 海贝色#FFF5EE ■         
    SIENNA 黄褐色、储色#A0522D ■             
    SILVER 银色、银白色#C0C0C0 ■              
    SKYBLUE天蓝#87CEEB ■         
    SLATEBLUE石蓝#6A5ACD ■         
    SLATEGRAY蓝灰#708090 ■           
    SNOW 雪白#FFFAFA ■     
    SPRINGGREEN草绿#00FF7F ■            
    STEELBLUE钢青#4682B4 ■             
    TAN黄褐#D2B48C ■            
    TEAL 水鸭色#008080 ■        
    THISTLE蓟色#D8BFD8 ■           
    TOMATO 著前色#FF6347 ■           
    TURQUOISE青绿色#40E0D0 ■          
    VIOLET 紫罗兰色、蓝紫色#EE82EE ■              
    WHEAT麦色#F5DEB3 ■            
    WHITE白色#FFFFFF ■          
    WHITESMOKE 白烟色#F5F5F5 ■            
    YELLOW 黄色#FFFF00 ■         
    YELLOWGREEN黄绿#9ACD32 ■