关闭

5个CSS样式

618人阅读 评论(0) 收藏 举报

 

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;
}

{
 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;
}

{
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;}

{
    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;
}
 

 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:95885次
    • 积分:1555
    • 等级:
    • 排名:千里之外
    • 原创:52篇
    • 转载:27篇
    • 译文:0篇
    • 评论:25条
    最新评论
    新玩意