今天早上上班看看做天做的CSS样式 好难看
今天又动手了 换了一个叫marvin2,然后把这个css搞下来
动手作成现在这个样子(感觉还好^_^)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
BODY
{...}
{
FONT-SIZE: 0.9em; MARGIN: 0px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
margin-top: 0px;
margin-bottom: 0px;
scrollbar-face-color:ffffff;
scrollbar-shadow-color:#959595;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:#959595;
scrollbar-darkshadow-color:eeeeee;
scrollbar-track-color:eeeeee;
scrollbar-arrow-color:#959595;
}
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
A:visited
{...}
{
COLOR:#999999; TEXT-DECORATION: none
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
A:active
{...}
{
COLOR: #333333; TEXT-DECORATION: none
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
A:link
{...}
{
COLOR:#333333; TEXT-DECORATION: none
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
A:hover
{...}
{
TEXT-DECORATION: underline
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
H1
{...}
{
FONT-SIZE: 1.5em; MARGIN: 0px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
H1 A:visited
{...}
{
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
/**//*COLOR: #000*/
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
H1 A:active
{...}
{
COLOR: #000
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
H1 A:link
{...}
{
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
/**//*COLOR: #FFFFFF;*/
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
H1 A:hover
{...}
{
COLOR: #47f; TEXT-DECORATION: none
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
H2
{...}
{
MARGIN-TOP: 10px; FONT-SIZE: 1em
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
H5
{...}
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#top
{...}
{
PADDING-RIGHT: 10px;
PADDING-LEFT: 40px;
PADDING-BOTTOM: 10px;
COLOR: #0000FF;
BORDER-BOTTOM: #47f 1px solid;
BACKGROUND-COLOR: #adf;
background-image: url(https://p-blog.csdn.net/images/p_blog_csdn_net/fancylea/227417/o_mylogo.jpg);
height: 100px;
padding-top: 40px;
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#tagline
{...}
{
FONT-SIZE: 0.8em; MARGIN: 0px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
P.date IMG
{...}
{
VERTICAL-ALIGN: middle
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
P.date
{...}
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 0.9em;
MARGIN-BOTTOM: 0px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
BORDER-BOTTOM: #aaa 1px solid
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
.postTitle
{...}
{
FONT-WEIGHT: bold; FONT-SIZE: 10pt
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
BLOCKQUOTE
{...}
{
FONT-STYLE: italic
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
P.postfoot
{...}
{
FONT-SIZE: 0.75em
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
.post
{...}
{
font-size:12px;
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#leftmenu
{...}
{
MARGIN-TOP: 10px; LEFT: 10px; WIDTH: 180px; POSITION: absolute
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#leftmenu H3
{...}
{
PADDING-RIGHT: 2px;
MARGIN-TOP: 0px;
PADDING-LEFT: 36px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
BACKGROUND: #7ba5ce;
MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 25px;
PADDING-TOP: 2px;
LETTER-SPACING: 0.2em;
TEXT-ALIGN: left;
background-image: url(https://p-blog.csdn.net/images/p_blog_csdn_net/fancylea/227417/o_sort.jpg);
PADDING-RIGHT: 0px;
PADDING-LEFT: 35px;
FONT-SIZE: 0.9em;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
BORDER-BOTTOM: medium none
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#leftmenu UL
{...}
{
border-bottom:#CCCCCC 1px dashed;
border-left:#CCCCCC 1px dashed;
border-right:#CCCCCC 1px dashed;
margin-bottom:8px;
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
PADDING-RIGHT: 0px;
PADDING-LEFT: 18px;
FONT-SIZE: 0.8em;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 10px 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#leftmenu OL
{...}
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
LIST-STYLE-POSITION: inside;
FONT-SIZE: 0.8em;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 10px 5px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: decimal
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#main
{...}
{
PADDING-RIGHT: 10px;
PADDING-LEFT: 26px;
PADDING-BOTTOM: 10px;
MARGIN-LEFT: 200px;
BORDER-LEFT: #555 0px solid;
PADDING-TOP: 10px;
BORDER-BOTTOM: #47f 0px solid;
BACKGROUND-COLOR: #FFFFFF;
background-image: url(https://p-blog.csdn.net/images/p_blog_csdn_net/fancylea/227417/o_view_bg.gif);
background-repeat: repeat-y;
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#footer
{...}
{
FONT-SIZE: 0.7em;
MARGIN: 0px;
PADDING-TOP: 5px;
TEXT-ALIGN: center;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #4477FF;
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
INPUT.text
{...}
{
WIDTH: 300px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
TEXTAREA
{...}
{
WIDTH: 300px; HEIGHT: 200px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#comments H4 SPAN
{...}
{
COLOR: #999
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#comments H4
{...}
{
FONT-SIZE: 0.9em; MARGIN: 0px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
P
{...}
{
MARGIN: 10px 0px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
H3
{...}
{
FONT-SIZE: 1.2em;
BORDER-BOTTOM: #aaa 1px solid
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
#relatedlinks UL
{...}
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN-LEFT: 10px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
SPAN.highlight
{...}
{
BACKGROUND-COLOR: yellow
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
.Tag
{...}
{
PADDING-RIGHT: 0px;
PADDING-LEFT:
6px; PADDING-BOTTOM: 5px;
PADDING-TOP: 5px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
.Tag SPAN
{...}
{
FONT-SIZE: 12px; FLOAT: left
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
.Tag UL
{...}
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 0px 4px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
.Tag LI
{...}
{
PADDING-RIGHT: 15px;
PADDING-LEFT: 0px;
FONT-SIZE: 12px;
FLOAT: left;
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 20px;
PADDING-TOP: 0px
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
.Tag LI A
{...}
{
TEXT-DECORATION: underline
}
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
.Tag LI A:hover
{...}
{
TEXT-DECORATION: underline
}
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
.listtitle
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
{...}
{
PADDING-RIGHT: 2px;
MARGIN-TOP: 0px;
PADDING-LEFT: 36px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
BACKGROUND: #7ba5ce;
MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 25px;
PADDING-TOP: 2px;
LETTER-SPACING: 0.2em;
TEXT-ALIGN: left;
background-image: url(https://p-blog.csdn.net/images/p_blog_csdn_net/fancylea/227417/o_sort.jpg);
}
.dateTitle
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
{...}
{
PADDING-RIGHT: 2px;
MARGIN-TOP: 0px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
BACKGROUND: #5CDEFF;
MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 14px;
PADDING-TOP: 2px;
BORDER-BOTTOM: #999 1px solid;
LETTER-SPACING: 0.2em;
TEXT-ALIGN: left;
border-right: #999 1px solid;
}
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
#commentform table
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
{...}
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
input
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
{...}
{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #cccccc;
color:#666666;
}
textarea
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
{...}
{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #cccccc;
color:#666666;
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
}
#tagad
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
{...}
{
display:none;
}