我个人的CSS，发上来，便于自己研究

body{background:url(http://img.baidu.com/hi/temp16/bg.jpg) #F2F7FE}


#header{height:89px;background:url(http://img.baidu.com/hi/temp16/hdbg.gif) repeat-x #E1F0F9}
#header div.lc{background:url(http://img.baidu.com/hi/temp16/hdl.gif) no-repeat}
#header div.rc{background:url(http://img.baidu.com/hi/temp16/hdr.jpg) no-repeat top right}
#header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink{color:#4E81B4;text-decoration:none}
#header div.tit a.titlink:visited{color:#4E81B4;text-decoration:none}
#header div.desc{top:33px;left:20px;color:#4E81B4;font-size:13px}
#tabline{top:89px;background:#A1B6CE}
#tab{top:67px;background:#758DA1}
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:3px;line-height:19px;background-color:#A1B6CE;color:#FFFFFF;font-size:14px}
#tab span{color:#FFFFFF;font-size:14px}
#tab a:link{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2{background:#DAE9F5}
#tab2 span{color:#000000;font-size:12px;font-weight:bold}
#tab2 a{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}


.stage{}


#comm_info{ccolor:#000000;font-family:Arial;text-align:left}
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BDD5EF}
#comm_info a{color:#196CCA}


#page{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc{color:#196CCA;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#196CCA}
#page a.pi{padding:3px;color:#196CCA;font-size:14px}
#page a.pi:visited{color:#196CCA}


.mod{margin-bottom:10px}
.modhandle{cursor:move}
.modth{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt{padding:4px 4px 0 0}
.modtit{color:#000000;font-size:12px;font-weight:bold}a.modtit{color:#000000}a.modtit:visited{color:#000000}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FFFFFF;text-decoration:underline}
.modact{color:#000000;font-size:12px}a.modact:link{color:#000000}a.modact:visited{color:#000000}
.modbox{padding:10px 10px 0 10px;background:#EBF2F9;border-left:1px solid #A6BCD3;border-right:1px solid #A6BCD3}
.modtl{background:url(http://img.baidu.com/hi/temp16/ptitl.gif) no-repeat top left;line-height:1px}
.modtc{background:url(http://img.baidu.com/hi/temp16/ptitc.gif) repeat-x}
.modtr{background:url(http://img.baidu.com/hi/temp16/ptitr.gif) no-repeat top right;line-height:1px}
.modbl{background-color:#EBF2F9;border-left:1px solid #A6BCD3;border-bottom:1px solid #A6BCD3;line-height:1px}
.modbc{background-color:#EBF2F9;border-bottom:1px solid #A6BCD3;line-height:1px}
.modbr{background-color:#EBF2F9;border-right:1px solid #A6BCD3;border-bottom:1px solid #A6BCD3;line-height:1px}
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}


#m_blog div.tit{font-size:14px;font-weight:bold}
#m_blog div.tit a{color:#000000;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color:#000000}
#m_blog div.date{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt{color:#000000;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a{color:#196CCA;font-size:14px}
#m_blog div.more a:visited{color:#196CCA}
#m_blog div.opt{color:#666666;font-size:12px}
#m_blog div.opt a{color:#196CCA;font-size:12px}
#m_blog div.opt a:visited{color:#196CCA}
#m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #BDD5EF}
#m_blog div.none{padding:100px 0 100px 0;color:#000000;font-size:14px}


#m_pro a{color:#196CCA}
#m_pro a:visited{color:#196CCA}
#m_pro div.image{text-align:center}
#m_pro div.act{margin-top:10px}
#m_pro div.user{margin-top:10px;color:#000000;font-size:12px;font-weight:bold}
#m_pro div.desc{color:#000000;font-size:12px}
#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #BDD5EF}
#m_pro td{color:#000000;line-height:24px;font-size:14px}

#m_album div.image{text-align:center}
#m_album div.page{color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}

#m_links div.item{color:#000000;font-size:12px}
#m_links div.item a{color:#196CCA;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#196CCA}
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #BDD5EF}


#m_artclg div.item{color:#666666;font-size:12px}
#m_artclg div.item a{color:#196CCA;font-size:12px}
#m_artclg div.item a:visited{color:#196CCA}
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #BDD5EF}


#m_comment div.item{color:#000000;font-size:12px}
#m_comment div.item a{color:#196CCA;font-size:12px}
#m_comment div.item a:visited{color:#196CCA}
#m_comment div.item a.cnt{color:#000000;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#000000;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#000000;text-decoration:underline}
#m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #BDD5EF}


#m_albumlist div.note{color:#000000;font-size:14px}
#m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none{padding:100px 0 100px 0;color:#000000;font-size:14px}
#m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #BDD5EF}
#m_albumlist div.tit{margin:6px 0 7px 0;color:#000000;font-size:14px}
#m_albumlist div.tit a{color:#196CCA;font-size:14px}
#m_albumlist div.tit a:visited{color:#196CCA}
#m_albumlist span.count{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act{color:#196CCA;font-size:12px}
#m_albumlist a.act:visited{color:#196CCA}
#m_albumlist a.page{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}


#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#000000;font-size:12px}
#m_friend div.user a{color:#196CCA;font-size:12px}
#m_friend div.user a:visited{color:#196CCA}
#m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #BDD5EF}


#m_setting a{color:#196CCA}
#m_setting a:visited{color:#196CCA}
#m_setting{line-height:22px;color:#000000;font-size:14px}
#m_setting img.sel{border:4px solid #FFDB7B}
#m_setting img.unsel{border:1px solid #D2D2D2}
#m_setting span.tit{font-size:14px}
#m_setting span.usr{color:#666666}
#m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line{margin-top:20px;line-height:16px;border-top:1px solid #BDD5EF}


#m_sysinfo a{color:#196CCA}
#m_sysinfo a:visited{color:#196CCA}
#m_sysinfo{line-height:22px;color:#000000;font-size:14px}
#m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date{color:#666666;font-size:14px}


#m_setbase{color:#000000;font-size:14px}
#m_setbase td{color:#000000;font-size:14px}
#m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #BDD5EF}


#in_comment{width:710px}
#in_comment div.tit{margin-bottom:12px;color:#000000;font-size:14px;font-weight:bold}
#in_comment div.user{margin-bottom:6px;color:#000000;font-size:12px}
#in_comment div.user a{color:#196CCA;font-size:12px}
#in_comment div.user a:visited{color:#196CCA}
#in_comment div.user span.date{color:#666666;font-size:12px}
#in_comment div.desc{color:#000000;font-size:12px}
#in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #BDD5EF}

#in_send div.tit{margin:10px 0 10px 0;color:#000000;font-size:14px;font-weight:bold}

http://www.baidu.com/search/hi/hi_css.html

什么是CSS？ 

CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。 在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 



1、选取颜色 
在颜色选取区域点击你所需要的色彩； 
2、调整亮度 
在右侧的渐变色块中调整该颜色的亮度； 
3、复制粘贴代码 
复制在“代码”框中该颜色的代码，粘贴（CTRL+V）到css自定义模板所需位置即可。

空间页面CSS说明 

body 整个空间页面{background-color:#FFFFFF}


--------------------------------------------------------------------------------

空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符“|”{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC} 


--------------------------------------------------------------------------------

内容区域 .stage（TAB菜单与版权信息之间的区域）{background:#F3F1F1}

其它区域（即访问量等信息）
#comm_info 主体{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}


--------------------------------------------------------------------------------

页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码（不可点击）{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 页码（可点击）{padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited{color:#3399CC}


--------------------------------------------------------------------------------

模块
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模块标题栏主体{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}
.modtit 模块标题区（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字链接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}


.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}
.modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}


--------------------------------------------------------------------------------

文章区域
#m_blog div.tit 文章标题{font-size:14px;font-weight:bold}
#m_blog div.tit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color:#333333}
#m_blog div.date 文章发表日期{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt 文章内容{color:#333333;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a 阅读全文链接{color:#3399CC;font-size:14px}
#m_blog div.more a:visited{color:#3399CC}
#m_blog div.opt 文章操作区（如编辑、评论等）{color:#666666;font-size:12px}
#m_blog div.opt a 文章操作链接{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited{color:#3399CC}
#m_blog div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}


--------------------------------------------------------------------------------

个人档案区域
#m_pro a 链接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro div.image 个人头像{text-align:center}
#m_pro div.act 操作区（如加为好友、发送消息）{margin-top:10px}
#m_pro div.user 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc 用户简介{color:#333333;font-size:12px}
#m_pro div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}


--------------------------------------------------------------------------------

相册区域
#m_album div.image 照片{text-align:center}
#m_album div.page {color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}


--------------------------------------------------------------------------------

友情链接区域
#m_links div.item 子项{color:#333333;font-size:12px}
#m_links div.item a 名称（链接）{color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#3399CC}
#m_links div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}


--------------------------------------------------------------------------------

文章分类
#m_artclg div.item 子项{color:#666666;font-size:12px}
#m_artclg div.item a 分类名称（链接）{color:#3399CC;font-size:12px}
#m_artclg div.item a:visited{color:#3399CC}
#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}


--------------------------------------------------------------------------------


最新评论区域
#m_comment div.item 子项{color:#333333;font-size:12px}
#m_comment div.item a 发表人（链接）{color:#3399CC;font-size:12px}
#m_comment div.item a:visited{color:#3399CC}
#m_comment div.item a.cnt 评论摘要（链接）{color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_comment div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}


--------------------------------------------------------------------------------

相册列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a 照片标题链接{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited{color:#3399CC}
#m_albumlist span.count 照片数量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act 操作区链接（如编辑、删除）{color:#3399CC;font-size:12px}
#m_albumlist a.act:visited{color:#3399CC}
#m_albumlist a.page 页码链接{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}


--------------------------------------------------------------------------------

好友列表
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a 好友名称（链接）{color:#3399CC;font-size:12px}
#m_friend div.user a:visited{color:#3399CC}
#m_friend div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}


--------------------------------------------------------------------------------

设置访问统计、模板设置
#m_setting a 链接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主体{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel 模板预览图（选中状态）{border:4px solid #FFDB7B}
#m_setting img.unsel 模板预览图（未选中状态）{border:1px solid #D2D2D2}
#m_setting span.tit 模板标题名称{font-size:14px}
#m_setting span.usr 作者名{color:#666666}
#m_setting div.sel “当前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}


--------------------------------------------------------------------------------

系统公告
#m_sysinfo a 链接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date 发布时间{color:#666666;font-size:14px}


--------------------------------------------------------------------------------

基本选项
#m_setbase 主体{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}


--------------------------------------------------------------------------------

网友评论
#in_comment 主体{width:710px}
#in_comment div.tit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user 发表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a 发表人名（链接）{color:#3399CC;font-size:12px}
#in_comment div.user a:visited{color:#3399CC}
#in_comment div.user span.date 发表时间{color:#666666;font-size:12px}
#in_comment div.desc 评论内容{color:#333333;font-size:12px}
#in_comment div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit 发表评论（标题）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

http://www点webjx点com/htmldata/sort/48.html

#comm_info div.line{margin-top:5px:line-hight:8px:border-top:1px solid #BBC1C6:
backgrund:url(http://www.ip.cn/s.php) no-repeat bottom: padding-bottom: 40px: margin-bottom: 10px}

找到 #comm_info div.line这个语句，这个语句在百度css的定义为分界线，我们要做的就是让分界线的背景显示IP图片 
将 这个语句修改为#comm_info div.line{margin-top:5px;line-height:8px;border-top:2px solid #BBC1C6;background:url(www.hotik.com/sign.png) no-repeat bottom;margin-bottom: 123px;vertical-align: sub;padding-bottom: 123px}即可。 
附上IP签名图地址www.hotik.com/sign.png

7 回复：【知识】♀7.19杀毒软件概总~~~~~~~~ 
 http://www.codedefect.com/u/april/12320060720055703.mp3 
 
 
 作者： 伤痛天神 封 2006-7-21 10:47 　 回复此发言 删除 
 
--------------------------------------------------------------------------------
 
8 回复：【知识】♀7.19杀毒软件概总~~~~~~~~ 
 http://www.51aj.com/IVkwjs72f/2006721/104328youi0i0i0.mp3 

都是我的播放列表，改天再在我的空间上传个更好的。 
 
 
 作者： 伤痛天神 封 2006-7-21 10:51 　 回复此发言 删除