很不错的CSS学习资料，让你彻底轻松弄懂CSS

/* 网站链接总的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.Channel2:link {color: #ffff00;} a.Channel2:visited {color: #ffff00;} a.Channel2:hover{COLOR: #FF6600;} a.Channel2:active {color: #ffff00;} /* 底部版权信息文字链接的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: #ffffff;} a.Class:visited {color: #ffffff;} a.Class:hover{COLOR: #ff0000;} a.Class:active {color: #ffffff;} /* Body的CSS定义:对应CSS中“BODY”，可定义内容为网页字体颜色、背景、浏览器边框等 */ BODY { FONT-SIZE: 9pt;background:url(Skin/blue/bg_all.gif); background-position:center; text-decoration: none; SCROLLBAR-FACE-COLOR: #e6e6e6; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #F95E00; SCROLLBAR-TRACK-COLOR: #efefef; SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2;LINE-HEIGHT: 125%; SCROLLBAR-BASE-COLOR: #000000; } /* 单元格的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; } /* 顶部用户登录文字链接的CSS定义 */ .top_UserLogin { color: #037FA8; } /* ==频道通用表格CSS定义开始== */ .Channel_border /* 灰色表格边框背景颜色定义(760) */ { border: 1px solid #cccccc; } .Channel_title /* 标题背景颜色定义(760) */ { background: #cccccc;color: #037FA8;height: 27;text-align: center;font-weight:bold; } .Channel_tdbg /* 表格背景颜色定义(760) */ { background:#FAFAFA;line-height: 120%; } .Channel_pager /* 分页表格背景颜色定义(760) */ { background:#FAFAFA;line-height: 120%; } 　　/* --评论显示页的CSS定义开始-- */ .Comment_border /* 蓝色表格边框背景颜色定义(760) */ { border: 1px solid #449AE8; } .Comment_title /* 标题背景颜色定义(760) */ { background:#449AE8;color: #ffffff;font-weight: normal;height: 25; } .Comment_tdbg1 /* 表格背景颜色定义(760) */ { background:#FFFFFF;line-height: 120%; } .Comment_tdbg2 /* 留言显示1px表格背景颜色定义 */ { background:#FAFAFA; } 　　/* --评论显示页的CSS定义结束-- */ /* ==频道通用表格CSS定义结束== */ /* ==简短标题文字的CSS定义开始== */ /* [图文]简短标题文字的CSS定义 */ .S_headline1 { color: blue; } /* [组图]简短标题文字的CSS定义 */ .S_headline2 { color: #FF6600; } /* [推荐]简短标题文字的CSS定义 */ .S_headline3 { color: green; } /* [注意]简短标题文字的CSS定义 */ .S_headline4 { color: red; } /* ==简短标题文字的CSS定义开始== */ /* ==top.asp中的CSS定义开始== */ .top_tdbgall /* 顶部表格总背景颜色定义 */ { width: 760;background:#ffffff; } .top_top { background:#0089F7;height: 2; } .top_Channel /* 频道表格背景、文字颜色定义 */ { background:#0089F7;color:#3AB1F5!important;text-align: right;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff; } .top_Announce /* 公告表格背景、文字颜色定义 */ { background:url(Skin/blue/top_nav_menu.gif);color: #0560A6;height: 30; } .top_nav_menu /* 导航栏表格背景、文字颜色定义 */ { background:url(Skin/blue/top_nav_menu.gif);color: #0560A6;height: 30; } .top_Path /* 您现在的位置表格背景、文字颜色定义 */ { width: 760;background:#ffffff;height: 30; } .top_UserLogin /* 顶部用户登录文字链接的CSS定义 */ { color: #037FA8 } /* ==top.asp中的CSS定义结束== */ /* ==网页中部中的CSS定义开始== */ .center_tdbgall /* 中部表格总背景颜色定义 */ { background:#ffffff; } 　　/* --网页中部左栏的CSS定义开始-- */ .left_tdbgall /* 左栏表格总背景颜色定义 */ { background:#ffffff; } .left_title /* 左栏标题表格背景、文字颜色定义 */ { background:url(Skin/blue/left_title.gif);font-weight:bold;color: ffffff;height: 28;width:180;padding-left:40;text-align: left; } .left_tdbg1 /* 左栏内容表格背景、文字颜色定义 */ { background:url(Skin/blue/left_tdbg1.gif);line-height: 150%;padding-left:5;padding-right:8; } .left_tdbg2 /* 左栏底部表格背景、文字颜色定义 */ { background:url(Skin/blue/left_tdbg2.gif);height: 10; } .right_title /* 左栏标题表格背景、文字颜色定义 */ { background:url(Skin/blue/right_title.gif);font-weight:bold;color: ffffff;height: 28;width:180;padding-left:40;text-align: left; } 　　/* --网页中部左栏的CSS定义结束-- */ 　　/* --网页中部中栏的CSS定义开始-- */ .main_tdbgall /* 中栏表格总背景颜色定义 */ { width: 572;background:#ffffff; } .main_shadow /* 中栏内容间隔表格背景颜色定义(575) */ { height: 4; } .main_announce /* 中栏公告表格背景、文字颜色定义 */ { color: 037FA8;height: 25;background:#f9f9f9;border: 1px solid #D2D3D9; } .main_Search /* 中栏搜索表格背景、文字颜色定义 */ { color: 037FA8;height: 25;border: 1px solid #D2D3D9;background:#f9f9f9; } .main_top /* 中栏最新推荐表格背景颜色定义 */ { background:url(Skin/blue/main_top.gif);height: 187; } .main_title_760i /* 网站首页中栏标题表格背景、文字颜色定义(760) */ { color: ffffff;background:url(Skin/blue/main_title_760i.gif);border-top: 1px solid #D2D3D9;border-right: 1px solid #D2D3D9;border-left: 1px solid #D2D3D9;text-align: left;padding-left:40;height: 29; } .main_tdbg_760i /* 网站首页中栏内容表格背景、文字颜色定义(760) */ { border: 1px solid #D2D3D9;line-height: 150%;text-align: left;padding-left:5;padding-right:5; } .main_title_575 /* 中栏标题表格背景、文字颜色定义(575) */ { color: ffffff;background:url(Skin/blue/main_title_575.gif);border-top: 1px solid #D2D3D9;border-right: 1px solid #D2D3D9;border-left: 1px solid #D2D3D9;text-align: left;padding-left:40;height: 29; } .main_tdbg_575 /* 中栏内容表格背景、文字颜色定义(575) */ { border: 1px solid #D2D3D9;line-height: 150%;text-align: left;padding-left:5;padding-right:5; } .main_title_282i /* 栏目文章列表标题表格背景、文字颜色定义(282) */ { background:url(Skin/blue/main_title_282i.gif);color: ffffff;height: 29;border-top: 1px solid #D2D3D9;border-left: 1px solid #D2D3D9;border-right: 1px solid #D2D3D9;padding-left:40; } .main_tdbg_282i /* 栏目文章列表内容表格背景、文字颜色定义(282) */ { border: 1px solid #D2D3D9;line-height: 150%;text-align: left;padding-left:5;padding-right:5; } .main_title_282 /* 栏目文章列表标题表格背景、文字颜色定义(282) */ { background:url(Skin/blue/main_title_282.gif);color: ffffff;height: 29;border-top: 1px solid #D2D3D9;border-left: 1px solid #D2D3D9;border-right: 1px solid #D2D3D9;padding-left:40; } .main_tdbg_282 /* 栏目文章列表内容表格背景、文字颜色定义(282) */ { border: 1px solid