CSS中文说明及字体颜色代码

来源:互联网 发布:财务流水账软件 编辑:程序博客网 时间:2024/05/18 02:54
/* 网站链接总的CSS定义:可定义内容为链接字体颜色、样式等 */
a{text-decoration: none;} /* 链接无下划线,有为underline */
a:link {color: #000000;} /* 未访问的链接 */
a:visited {color: #333333;} /* 已访问的链接 */
a:hover{COLOR: #AE0927;} /* 鼠标在链接上 */
a:active {color: #0000ff;} /* 点击激活链接 */
/* 顶部频道文字链接的CSS定义--将顶部频道文字链接与网站链接总的CSS定义分开,以后可以制作深底浅字的格式,如果要保持原来的设计样式,将此定义内容删除或定义成与网站链接总的CSS相同即可。调用代码为*** */
a.Channel:link {color: #ffffff;}
a.Channel:visited {color: #ffffff;}
a.Channel:hover{COLOR: #ffff00;}
a.Channel:active {color: #ffffff;}
/* 底部版权信息文字链接的CSS定义--与顶部频道文字链接定义的想法相同。可设置与顶部频道文字链接定义不同的文字颜色,网页内定义以预留。调用代码为*** */
a.Bottom:link {color: #ffffff;}
a.Bottom:visited {color: #ffffff;}
a.Bottom:hover{COLOR: #ffff00;}
a.Bottom:active {color: #ffffff;}
/* 文章栏目标题文字链接的CSS定义--可设置与顶部频道文字链接定义不同的文字颜色,网页内定义以预留。要相同可不设置。调用代码为*** */
a.Class:link {color: #0099CC;}
a.Class:visited {color: #0099CC;}
a.Class:hover{COLOR: #ffff00;}
a.Class:active {color: #0099CC;}
/* 顶部用户登录文字链接的CSS定义 */
a.top_UserLogin:link {color: #0099CC;}
a.top_UserLogin:visited {color: #0099CC;}
a.top_UserLogin:hover{COLOR: #AE0927;}
a.top_UserLogin :active {color: #0099CC;}

/* Body的CSS定义:对应CSS中“BODY”,可定义内容为网页字体颜色、背景、浏览器边框等 */
BODY
{
FONT-SIZE: 9pt;background:url(/blog/Skin/blue/bg_all.gif);
text-decoration: none;
scrollbar-3dlight-color: #037FA8; /* 滚动条亮边框颜色 */
scrollbar-highlight-color: #ffffff; /* 滚动条3D界面的亮边颜色 */
scrollbar-face-color: #DAECF5; /* 滚动条3D表面的颜色 */
scrollbar-shadow-color: #DAECF5; /* 滚动条3D界面的暗边颜色 */
scrollbar-darkshadow-color: #037FA8; /* 滚动条暗边框颜色 */
scrollbar-arrow-color: #037FA8; /* 滚动条方向箭头的颜色 */
scrollbar-base-color: #ffffff; /* 滚动条基准颜色 */
}
/* 单元格的CSS定义:对应CSS中的“TD”,这里为总的表格定义,为一般表格的的单元格风格设置,可定义内容为背景、字体颜色、样式等 */
TD
{
FONT-FAMILY:宋体;FONT-SIZE: 9pt;line-height: 150%;
}
/* 文本框的CSS定义:对应CSS中的“INPUT”,这里为文本框的风格设置,可定义内容为背景、字体、颜色、边框等 */
Input
{
BACKGROUND-COLOR: #ffffff;
BORDER-BOTTOM: #666666 1px solid;
BORDER-LEFT: #666666 1px solid;
BORDER-RIGHT: #666666 1px solid;
BORDER-TOP: #666666 1px solid;
COLOR: #666666;
HEIGHT: 18px;
border-color: #666666 #666666 #666666 #666666; font-size: 9pt
}
/* 按钮的CSS定义:对应CSS中的“BUTTON”,这里为按钮的风格设置,可定义内容为背景、字体、颜色、边框等 */
Button
{
FONT-SIZE: 9pt;HEIGHT: 20px;
}
/* 下拉列表框的CSS定义:对应CSS中的“SELECT”,这里为下拉列表框的风格设置,可定义内容为背景、字体、颜色、边框等 */
Select
{
FONT-SIZE: 9pt;HEIGHT: 20px;
}

/* ==top.asp中的CSS定义开始== */
.top_tdbgall /* 顶部表格总背景颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
.top_Channel /* 频道表格背景、文字颜色定义 */
{
background:#3399CC;color:#3AB1F5!important;text-align: right;
}
.top_Announce /* 公告表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/top_nav_menu.gif);color: #0560A6;height: 30;
}
.top_nav_menu /* 导航栏表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/top_nav_menu.gif);color: #0560A6;height: 30;
}
.top_Path /* 您现在的位置表格背景、文字颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;height: 30;
}
/* ==top.asp中的CSS定义结束== */

/* ==网页中部中的CSS定义开始== */
.center_tdbgall /* 中部表格总背景颜色定义 */
{
background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
   /* --网页中部左栏的CSS定义开始-- */
.left_tdbgall /* 左栏表格总背景颜色定义 */
{
background:#f2f2f2;
}
.left_title /* 左栏标题表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/left_title.gif);font-weight:bold;color: 037FA8;height: 26;
}
.left_tdbg1 /* 左栏内容表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/left_tdbg1.gif);line-height: 150%;padding-left:5;padding-right:5;
}
.left_tdbg2 /* 左栏底部表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/left_tdbg2.gif);height: 10;
}
   /* --网页中部左栏的CSS定义结束-- */
   /* --网页中部中栏的CSS定义开始-- */
.main_tdbgall /* 中栏表格总背景颜色定义 */
{
width: 572;background:#ffffff;
}
.main_shadow /* 中栏内容间隔表格背景颜色定义(575) */
{
height: 10;
}
.main_announce /* 中栏公告表格背景、文字颜色定义 */
{
color: 0099CC;height: 25;background:url(/blog/Skin/blue/main_announce.gif);border: 1px solid #8CC3DE;
}
.main_Search /* 中栏搜索表格背景、文字颜色定义 */
{
color: 0099CC;height: 25;border: 1px solid #8CC3DE;background:#f7f7f7;
}
.main_top /* 中栏最新推荐表格背景颜色定义 */
{
background:url(/blog/Skin/blue/main_top.gif);height: 187;
}
.main_title_575 /* 中栏标题表格背景、文字颜色定义(575) */
{
color: 0099CC;background:url(/blog/Skin/blue/main_title_575.gif);border: 1px solid #8CC3DE;text-align: left;padding-left:40;height: 26;
}
.main_tdbg_575 /* 中栏内容表格背景、文字颜色定义(575) */
{
border: 1px solid #8CC3DE;line-height: 150%;text-align: left;padding-left:5;padding-right:5;
}
.main_title_282 /* 栏目文章列表标题表格背景、文字颜色定义(282) */
{
background:url(/blog/Skin/blue/main_title_282.gif);color: 0099CC;height: 20;border-top: 1px solid #8CC3DE;border-left: 1px solid #8CC3DE;border-right: 1px solid #8CC3DE;
}
.main_tdbg_282 /* 栏目文章列表内容表格背景、文字颜色定义(282) */
{
border: 1px solid #8CC3DE;line-height: 150%;text-align: left;padding-left:5;padding-right:5;
}
.listbg /* --栏目文章列表内容间隔颜色的定义1-- */
{
background:#ffffff;
}
.listbg2 /* --栏目文章列表内容间隔颜色的定义2-- */
{
background:#f7f7f7;
}
   /* --网页中部中栏的CSS定义结束-- */
   /* --文章显示页的CSS定义开始-- */

.main_ArticleTitle /* 主标题文字颜色定义 */
{
color: ff0000;font-weight:bold;font-size: 18;
}
.main_title_760 /* 标题导航表格背景、文字颜色定义(760) */
{
background:url(/blog/Skin/blue/main_title_760.gif);border: 1px solid #8CC3DE;padding-left:5;height: 25;color: 0099cc;
}
.main_tdbg_760 /* 内容表格背景、文字颜色定义(760) */
{
border: 1px solid #8CC3DE;padding: 8;
}
   /* --文章显示页的CSS定义结束-- */
/* ==网页中部中的CSS定义结束== */

/* ==Bottom.asp中的CSS定义开始== */
.Bottom_tdbgall /* 底部表格总背景颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
.Bottom_Adminlogo /* 管理信息表格背景、文字颜色定义 */
{
background:#3399CC;color:#ffffff;
}
.Bottom_Copyright /* 版权信息表格背景、文字颜色定义 */
{
background:#ffffff;color:#000000;
}
/* ==Bottom.asp中的CSS定义结束== */

/* ==自选风格中的CSS定义结束== */
.menu
{
background-color: #cccccc;width:97%;border: 1px;
}
.menuBody
{
background-color: #ffffff;
}
/* ==自选风格中的CSS定义结束== */

…………………………………………………………………………

…………………………………………………………………………

字体颜色代码:
1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00
4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF
7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93
10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853
16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719
19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F
22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E
25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78
28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F
32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454
35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323


62 褐红色 #8E236B 63 中海蓝色 #32CD99 64 中蓝色 #3232CD
65 中森林绿 #6B8E23 66 中鲜黄色 #EAEAAE 67 中兰花色 #9370DB
68 中海绿色 #426F42 69 中石板蓝色 #7F00FF 70 中春绿色 #7FFF00
71 中绿松石色 #70DBDB 72 中紫红色 #DB7093 73 中木色 #A68064
74 深藏青色 #2F2F4F 75 海军蓝 #23238E 76 霓虹篮 #4D4DFF
77 霓虹粉红 #FF6EC7 78 新深藏青色 #00009C 79 新棕褐色 #EBC79E
80 暗金黄色 #CFB53B 81 橙色 #FF7F00 82 橙红色 #FF2400
83 淡紫色 #DB70DB 84 浅绿色 #8FBC8F 85 粉红色 #BC8F8F
86 李子色 #EAADEA 87 石英色 #D9D9F3 88 艳蓝色 #5959AB
89 鲑鱼色 #6F4242 90 猩红色 #BC1717 91 海绿色 #238E68
92 半甜巧克力色#6B4226 93 赭色 #8E6B23 94 银色 #E6E8FA
95 天蓝 #3299CC 96 石板蓝 #007FFF 97 艳粉红色 #FF1CAE
98 春绿色 #00FF7F 99 钢蓝色 #236B8E 100 亮天蓝色 #38B0DE
101 棕褐色 #DB9370 102 紫红色 #D8BFD8 103 石板蓝色 #ADEAEA
104 浓深棕色 #5C4033 105 淡浅灰色 #CDCDCD 106 紫罗兰色#4F2F4F
107 紫罗兰红色 #CC3299 108 麦黄色 #D8D8BF 109 黄绿色 #99CC
0 0
原创粉丝点击