CSS颜色代码对照

CSS颜色代码对照
CSS颜色代码对照

css颜色代码对照

顏色名稱代碼顏色

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

褐~橘~米白

顏色名稱代碼顏色

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

金~黃

顏色名稱代碼顏色

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

white #FFFFFF

CSS属性代码大全

CSS属性代码大全 一、CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白: padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 三、CSS符号属性: list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/

CSS颜色代码大全

CSS颜色代码大全转载▼ CSS颜色代码大全

顏色名稱代碼顏色 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 s IE nna #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

颜色代码大全

颜色代码

巧用Dreamweaver轻松制作网页页内连接 在网页制作中我们经常会遇到有时需要制作页内连接的情况,比如首先列出一个目录,然后后面内容是按目录列出的,我们需要实现的是当点击目录中的一项时,直接转到内容页面。 首先把光标定位到要连接的内容页面的位置的左侧,然后插入命名锚记。 给锚记命名一个名称。 然后再选择目录,设置超级连接。

保存后,按F12浏览。 Dreamweaver8轻松实现文本的段落缩进 我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格,不管多少只认一个空格。如何在Drwamweaver 中实现文本的段落缩进,也就成了网页制作中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。 一、用自Dreaweave身所带的功能 1、在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格。 2、用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐、不易修改,而且在浏览内容被选取时,隐藏的字符就曝光了。 二、用HTML语言 用HTML语言方实现中文段落缩进。对于不懂HTML的初学者来说就有些困难了。 1、预格式(PRE) 用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为:〈pre〉

--预格式显示…… 〈/pre〉 网页就会按照你预先设置好的显示方式显示,即在“预格式显示”的前面就会空两个汉字的位置。 2、插入特殊的空格字符“ ” “ ”代表非显示空格字符。插入若干个“ ”字符,中间用分号(;)或者空格隔开,也可以实现中文段落缩进。不过在Netscape 3.01中只能写小写字母,而在IE中大小写都可以。(此方法易产生乱码,不建议采用) 三、用输入法的全角 如果你用的是智能ABC的拼音输入的话,那请按SHIFT+空格,这时输入法的属性栏上的半月形就变成了圆形了,然后再敲空格键,空格就出来了。另外智能陈桥五笔的全角方式也可以直接输入空格。这种方法相对比较简单,缺点是英文字符集下,全角空格会变成乱码。 四、另类方法 1、插入点图或图形: 点图是指图片中只有一个或几个像素点,用肉眼看不出来。当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进。 2、插入没有边框和内容的表格: 这种方式与上述的插入图形方式类似,该表格没有边框和内容而是空表格。用TABLE的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。利用表格来定位一般来说比较可靠,这种方法容易使页面的源文件变大。因此也不见得是格式控制的首选。 最后告诉你一个最原始的办法:在一些文字编辑软件中(比如记事本)复制空格,然后在Dreamweaver中进行粘贴。 五、CSS方法 把标记加上一些属性就可以实现,

就可以了!本站推荐使用此方法,以后网页教学网也要改版符合WEB标准的网站的。介绍了这么多种,用哪种好呢?各位可以按自己的喜好而定。WindowsXP家用版操作系统也能安装IIS 事前准备 1、Windows XP HomeEdit 中文版CD(拷在硬盘也可以) 2、默认你的XP是安装在C:\WINDOWS下 开始动手 (如果你怕改错,先把C:\WINDOWS\INF\SYSOC.INF做一份备份) 用记事本打开C:\WINDOWS\INF\SYSOC.INF,在[COMPONENTS]下找到一行: iis=iis.dll,OcEntry,iis.inf,hide,7 然后把它改成 iis=iis2.dll,OcEntry,iis2.inf,,7 保存。 怎样编写CSS? 从上面的例子中,我们可以看到CSS的语句是内嵌在HTML文档内的。所以,编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具(Frontpage、Ultraedit等),都可以用来编辑CSS文档。 那么您可能会问,独立编辑好的CSS文档怎样加入到HTML文档中呢?其实在第一章中的例子里已经介绍了两种方法。 一种是把CSS文档放到文档中: 其中