body { margin : 0px 0px 0px 0px ; background-color : #ffffff background-attachment:fixed ; background-repeat : repeat-y ; background-position : left ; /* font-family:Fixedsys; */ } a { color : #000099 ; text-decoration : none ; } a:link { color : #336600 ; text-decoration : none ; } a:visited { color : #3366ff ; text-decoration : none ; } a:active { color : #000099 ; } a:hover { color : #000000 ; text-decoration : underline ; background-color : #ffff99 ; } h1 { margin : 0px ; padding : 0px ; } h2 { margin : 0px ; padding : 0px ; } h3 { margin : 5px ; padding : 5px ; border-bottom : 1px solid #000000 ; border-left : 0px solid #006699 ; } hr { border : 1px solid #F5F9FD ; } input { font-size : 8pt ; border : 1px solid #8cacbb ; color : Black ; background-color : white ; vertical-align : middle ; margin-bottom : 1px ; /* IE bug fix */ padding : 0.1em ; } td { color : #006699 ; font-size : small ; font-weight : normal ; } .title { font-size : large ; color : #336600 ; font-weight : bold ; text-align : center ; padding-top : 10px ; padding-left : 10px ; } .dotted_area { color : #006699 ; background-color : #F5F9FD ; font-size : small ; font-weight : normal ; line-height : 130% ; border-left : 1px dotted #006699 ; border-right : 2px dotted #006699 ; border-top : 1px dotted #006699 ; border : 1px dotted #006699 ; border-bottom : 2px dotted #006699 ; padding : 5px ; margin-bottom : 5px ; margin-left : 5px ; text-indent : 2pt ; } .solid_area { color : #006699 ; background-color : #F5F9FD ; font-size : small ; font-weight : normal ; line-height : 130% ; border-left : 1px solid #006699 ; border-right : 2px solid #006699 ; border-top : 1px solid #006699 ; border-bottom : 2px solid #006699 ; padding : 5px ; margin-bottom : 5px ; margin-left : 5px ; text-indent : 2pt ; } .powered { color : #999999 ; font-size : large ; font-weight : normal ; border-top : 1px dotted #006699 ; line-height : 140% ; padding : 2px ; margin-top : 10px ; text-align : center ; background : none ; } textarea { border : 1px solid #8cacbb ; color : Black ; background-color : white ; padding : 0.1em ; } .postFoot { color : #003366 ; font-size : small ; font-weight : normal ; background : #FFF ; margin-bottom : 5px ; border-bottom : 1px dotted #006699 ; } .post { color : #003366 ; font-size : medium ; font-weight : normal ; line-height : 130% ; padding-bottom : 3px ; padding-top : 3px ; padding-left : 3px ; padding-right : 3px ; margin-bottom : 10px ; margin-top : 5px ; margin-right : 10px ; } .postText { color : #006699 ; font-size : small ; font-weight : normal ; line-height : 130% ; padding : 5px ; margin-bottom : 5px ; margin-left : 5px ; text-indent : 2pt ; } #top { padding : 10px ; background-color : #FFF ; color : #000 ; border-bottom : 2px solid #8cacbb ; } #main { margin : 0px 190px 0px 200px ; background-color : #FFF ; padding : 5px ; border-left : 1px solid #8cacbb ; border-right : 1px solid #8cacbb ; border-bottom : 1px solid #8cacbb ; } #leftmenu ul, #rightmenu ul { padding-right : 0px ; padding-left : 0px ; list-style-position : inside ; font-size : small ; padding-bottom : 0px ; margin : 0px 5px 0px 5px ; padding-top : 0px ; list-style-type : decimal ; } #leftmenu, #rightmenu { padding-right : 0px ; padding-left : 0px ; list-style-position : inside ; font-size : small ; padding-bottom : 0px ; margin : 0px 0px 0px 0px ; padding-top : 0px ; list-style-type : decimal ; border-left : 1px solid #006699 ; border-right : 1px solid #006699 ; border-top : 1px solid #006699 ; border : 1px solid #006699 ; border-bottom : 1px solid #006699 ; margin-top : 10px ; }
body { font-size : .9em ; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif ; margin : 0px ; } a:visited,a:active,a:link { color : Navy ; text-decoration : none ; } a:hover { border : 1px solid #008000 ; color : #008000 ; background-color : #D5EAD5 } h1 { margin : 0px ; font-size : 1.5em ; } h1 a:visited,h1 a:active,h1 a:link { color : #000 ; } h1 a:hover { color : #008000 ; text-decoration : none } h2 { margin-top : 10px ; font-size : 1em ; } h3 { font-size : 1.2em ; } h5 { margin : 0px ; padding : 0px ; } p { margin : 10px 0px ; } div.News { font-size : 8pt ; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif ; padding : 5px ; padding-left : 10px ; } .HeaderTitles { font-familyXXX : "Trebuchet MS" ; padding-top : 10px ; padding-left : 10px ; padding-right : 10px ; padding-bottom : 10px ; width : 100% ; } .HeaderTitles a:visited,.HeaderTitles a:active,.HeaderTitles a:link,.HeaderTitles a:hover { color : White ; text-decoration : none ; font-size : .75em ; font-weight : normal ; } .HeaderBar a:visited,.HeaderBar a:active,.HeaderBar a:link { color : WhiteSmoke ; text-decoration : none ; font-weight : normal ; } .BlogStatsBar { text-align : right ; font-weight : normal ; font-size : 10pt ; color : #C0C0C0 ; border-collapse : collapse } p.date img { vertical-align : middle ; } p.date { font-size : 0.9em ; font-weight : bold ; margin-bottom : 0px ; padding-top : 2px ; padding-right : 0px ; padding-bottom : 4px ; text-align : right ; } blockquote { color : #008000 ; font-weight : bold } div.postTitle a:visited,div.postTitle a:active,div.postTitle a:link { color : #008000 ; text-decoration : none } div.post { border : 1px solid #008000 ; color : #008000 } div.postTitle { padding-left : 3px ; font-weight : bold ; font-size : 10pt ; padding-bottom : 3px ; padding-top : 3px ; border-bottom : 1px solid #DCDCDC ; background-color : #D5EAD5 ; color : #008000 } div.postText { padding-right : 10px ; padding-left : 3px ; font-size : 10pt ; padding-bottom : 3px ; padding-top : 3px ; color : #008000 } div.postFoot { background-color : #D5EAD5 ; border-top : 1px solid #DCDCDC ; font-size : 10pt ; padding-right : 3px ; padding-left : 3px ; padding-bottom : 1px ; padding-top : 1px ; text-align : right ; color : #008000 } #tagline { font-size : 0.8em ; margin : 0px ; color : White ; } #leftmenu { border : 1px solid #008000 ; position : absolute ; left : 0px ; width : 180px ; height : auto ; background-color : #D5EAD5 ; padding-top : 5px ; color : #008000 } #leftmenu h3 { font-size : 0.8em ; margin : 0px ; margin-top : 10px ; padding-bottom : 2px ; padding-left : 3px ; border-top : solid 1px Gainsboro ; } #leftmenu ul { list-style : none ; margin : 0px ; padding-left : 5px ; margin-left : 5px ; margin-bottom : 10px ; font-size : 8pt ; } #leftmenu a { padding : 1px ; text-decoration : none ; color : #008000 ; background-color : #D5EAD5 } #leftmenu a:active,#leftmenu a:visited,#leftmenu a:link { color : #008000 ; background-color : #D5EAD5 } #leftmenu a:hover { font-style : normal ; border-style : solid ; border-width : 1px ; color : #008000 ; background-color : #D5EAD5 } #main { margin-left : 180px ; background-color : White ; padding : 10px ; border-left : 1px solid #555 ; border-bottom : 4px solid Black ; } #footer { margin : 0px ; padding-top : 5px ; text-align : center ; font-size : 9pt ; } input, textarea { font-size : 1.0em ; font-family : Verdana ; color : #008000 } .CommentForm { font-size : 10pt ; font-family : Verdana ; color : #008000 } .Button { border : 1px solid #008000 ; background-color : #D5EAD5 ; color : #008000 }
body { font-size : 0.9em ; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif ; margin : 0px ; } a:visited,a:active,a:link { color : #00F ; text-decoration : none ; } a:hover { text-decoration : underline ; } h1 { margin : 0px ; font-size : 1.5em ; } h1 a:visited,h1 a:active,h1 a:link { color : #000 ; } h1 a:hover { color : #47F ; text-decoration : none ; } h2 { margin-top : 10px ; font-size : 1em ; } h5 { margin : 0px ; padding : 0px ; } #top { padding : 10px ; background-color : #ADF ; color : #000 ; border-bottom : 4px solid #47F ; } #tagline { font-size : 0.8em ; margin : 0px ; } p.date img { vertical-align : middle ; } p.date { font-size : 0.9em ; font-weight : bold ; border-bottom : 1px solid #AAA ; margin-bottom : 0px ; padding : 2px 0px ; } blockquote { font-style : italic ; } p.postfoot { font-size : 0.75em ; } #leftmenu { position : absolute ; left : 10px ; margin-top : 10px ; width : 180px ; } #leftmenu h3,#rightmenu h3 { font-size : 0.9em ; margin : 0px ; padding : 4px ; border-bottom : none ; } #leftmenu ul,#rightmenu ul { list-style : none ; margin : 0px ; padding : 0px ; margin-left : 5px ; margin-bottom : 10px ; font-size : 0.8em ; } #rightmenu { width : 180px ; position : absolute ; right : 0px ; margin-top : 10px ; } #main { margin : 0px 200px 0px 200px ; background-color : #EEE ; padding : 10px ; border-left : 1px solid #555 ; border-right : 1px solid #555 ; border-bottom : 4px solid #47F ; } #footer { margin : 0px ; padding-top : 5px ; text-align : center ; font-size : 0.7em ; } input.text { width : 300px ; } textarea { width : 300px ; height : 200px ; } #comments h4 span { color : #999 ; } #comments h4 { margin : 0px ; font-size : 0.9em ; } p { margin : 10px 0px ; } h3 { font-size : 1.2em ; border-bottom : 1px solid #AAA ; } #relatedlinks ul { list-style : none ; margin-left : 10px ; padding : 0px ; } span.highlight { background-color : Yellow ; }
body { font-size : 9pt ; font-family : 宋体,Verdana, Geneva, Arial, Helvetica, sans-serif ; margin : 0px ; } A:link { COLOR : #3F68A6 ; TEXT-DECORATION : none } A:active { COLOR : #3F68A6 ; FONT-STYLE : normal ; TEXT-DECORATION : none } A:visited { COLOR : #3F68A6 ; TEXT-DECORATION : none } A:hover { COLOR : #A7672E ; TEXT-DECORATION : underline } #leftmenu ul { list-style : none ; margin : 0px ; padding : 0px ; margin-left : 5px ; margin-bottom : 10px ; } #top { background-image : url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_qiuji_top.jpg) ; background-repeat : repeat ; padding-top : 15px ; background-color : #088 ; color : #000 ; border-bottom : 1px solid #FFF ; height : 70px ; vertical-align : middle ; } div.post { background-image : url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_o_bj.jpg) ; background-repeat : repeat-x ; padding-right : 20px ; padding-left : 20px ; font-size : 9pt ; padding-bottom : 5px ; padding-top : 5px ; line-height : 150% ; } #leftmenu { position : absolute ; left : 0px ; width : 180px ; background-image : url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_zuo_bj.jpg) ; padding-bottom : 5px ; line-height : 150% ; } #comments h4 { vertical-align : middle ; margin : 0px ; font-size : 1.2em ; background-color : #F1F7FA ; height : 25px ; color : #006699 ; } p.date { height : 25px ; font-size : 12pt ; margin-bottom : 0px ; padding : 2px 0px ; color : #FFF ; background-color : #45A ; background-image : url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_bg0001.jpg) ; } p.date span { padding-left : 10px ; padding-right : 10px ; text-align : right ; background-image : url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_bg0001.jpg) ; } #tagline { color : #000 ; font-size : 1em ; margin : 0px ; background-image : url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_bihai3.gif) ; padding : 5px ; font-weight : bold ; background-color : #B2DEFF ; } #leftmenu a:active,#leftmenu a:visited,#leftmenu a:link { border : 0px solid #C00 ; margin-right : 5px ; padding : 2px ; COLOR : #3F68A6 ; TEXT-DECORATION : none } #leftmenu a:hover { COLOR : #A7672E ; border : 0px solid #C00 ; background-color : transparent ; TEXT-DECORATION : underline }
body { margin : 0px ; background : #fff url("") repeat-x ; font-family : ms shell dlg ; } #classnavbar { display : none ; } #nadframe { display : none ; } h1 { margin : 0px ; background : url("") no-repeat ; height : 23px ; padding-right : 35px ; font-family : ms shell dlg ; font-size : 24px ; font-weight : bold ; border-bottom : 1px dotted #111 ; } h1 a:link,h1 a:active,h1 a:hover { color : #444 } #Header1_HeaderTitle { color : #339900 ; float : left ; padding : 0px 0px 10px 50px ; text-align : left ; width : 100% } #main { width : 74% ; position : absolute ; margin-top : 0px ; border-right : 1px dotted #000000 ; padding-top : 20px ; margin-bottom : 10px ; padding-bottom : 40px ; background : #fff ; } #rightmenu { float : right ; margin-left : 76% ; margin-top : 10px ; padding-left : 0px ; background-color : transparent ; position : absolute ; word-wrap : break-word ; font-size : 10pt ; } #footer { clear : both ; width : 100% ; border-top : none ; font-size : 8pt ; padding-top : 5px ; text-align : center ; position : relative ; visibility : hidden ; } a:visited,a:active,a:link { color : #80CE00 ; text-decoration : none ; } a:hover { color : #000 ; text-decoration : underline ; } blockquote { background : #F9F9F9 ; border : 1px solid #F4F4F4 ; color : #5B5B5B ; font-size : 10pt ; font-style : normal ; line-height : 150% ; padding : 0px 11px 0px 11px ; } h1 a:visited,h1 a:active,h1 a:link { } h1 a:hover { } .post { padding-left : 40px ; padding-right : 0px ; font-size : 14px ; line-height : 200% } h5 { font-size : 14px ; font-family : bold } .postTitle { border-bottom : 1px dotted #D6D6D6 ; color : #000000 ; font-size : 14px ; font-weight : bold ; margin : 0px 30px 0px 30px ; } .postText { font-size : 14px ; line-height : 180% text-align:right ; margin : 0px 30px 0px 30px ; } h3 { font-size : 14px ; border-bottom : 1px dotted #D6D6D6 ; color : #000000 ; background-color : transparent ; } .listitem { width : 180px ; border-bottom : 1px dotted #E4E4E4 ; padding-bottom : 3px ; padding-top : 3px ; } input,label { color : Gray ; font-family : Verdana ; font-size : 10pt ; } input.text { width : 381px ; } li { font-size : 10pt ; font-style : normal ; } h2 { padding : 0px 0px 0px 20px ; margin : 0 } .dateTitle { color : #ccc ; font-size : 14px ; font-weight : bold ; padding : 0px 0px 0px 20px ; margin : 0px 0px 0px 40px ; height : 26px ; border-bottom : 1px dotted #ccc ; } p.date img { vertical-align : middle ; } .postFoot { border-bottom : 1px dotted #D6D6D6 ; color : #D3D3D3 ; text-align : right ; font-size : 9pt ; margin : 0px 30px 0px 30px ; } span.highlight { background-color : transparent ; } td { font-size : 10pt ; } textarea { color : #000000 ; font-size : 10pt ; height : 200px ; width : 300px ; } #MyLinks1_XMLLink { visibility : hidden ; display : none ; } #MyLinks1_Syndication { visibility : hidden ; display : none ; } .CommentForm { border-top : 1px solid #D6D6D6 ; padding-top : 20px ; color : #A9A9A9 ; padding-left : 70px ; padding-right : 40px ; margin : 0px 30px 0px 30px ; } #comments { color : #888 ; padding-left : 70px ; padding-right : 40px ; font-size : 10pt ; } #relatedlinks ul { list-style : none ; margin-left : 10px ; padding : 0px ; } #rightmenu h3 { width : 100px ; background-color : transparent ; border : none ; border-bottom : 1px dotted #D6D6D6 ; color : #111 ; font-size : 12px ; margin : 10px 20px 0px 0px ; padding : 2px 5px ; } #rightmenu ul { border : none ; list-style : none ; margin : 0px ; padding : 5px ; font-size : 9pt ; line-height : 150% ; } #rightmenu li { font-size : 9pt ; } #tagline { color : #444 ; font-size : 12px ; position : absolute ; top : 30px ; left : 250px ; margin : 0px ; margin-right : 0px ; font-family : ms shell dlg ; } .block_title { font-size : 14px ; font-weight : bold } .code { float : left ; width : 90% ; padding : 10px ; border : 1px dotted #d9d9d9 ; background : #f4f4f4 ; } .postFoot { clear : both ; padding-top : 6px } br { clear : both ; } i { font-style : normal ; color : Green ; }
对比这5份CSS，你应该可以自己总结出一些东西了吧。。。。看下面的转贴：
/*我个人觉得Tahoma字体很好看*/ body, table, p, h1, h2, h3, h4 {...} { font-family:Tahoma, inherit;} /*隐藏“特别推荐”*/ #csdn_zhaig_ad_yahoo {...} { display:none;} /*设置 blog 标题的字体*/ a.headermaintitle {...} { font-size: x-large; font-family:Tahoma, inhertit;} /*增大标题栏的高度和边距*/ #top td {...} { padding-left:25px; height:80px;} /*增大左边导航栏的边距*/ #leftmenu {...} { padding:10px;} /*文章标题上面的 TAG 栏，字体颜色变浅一些*/ div.Tag {...} { color:#666;} /*增大文章标题的字体*/ div.postTitle {...} { font-size:20pt; font-family:Tahoma, inhertit; font-weight:bold;} /*去掉文章周围的边框*/ div.post {...} { border:none;}/*去掉标题左边的“原”、“转”图片。那个太难看了。*/ div.postTitle img {...} { display:none;}/*文章正文周围留些空隙，加上点边框和背景色*/ div.postText {...} { padding:10px; margin: 0 5px 5px 5px ; background-color:#f4f4f4; border: 1px dotted #ddd;}/*修改正文底下 Trackback 那一行字的颜色*/ #TBPingURL {...} { color:#ccc;}