自定义css

最新推荐文章于 2024-09-11 20:56:23 发布

转载最新推荐文章于 2024-09-11 20:56:23 发布 · 1.2k 阅读

文章标签：

#filter #border #css #url #c

娱乐生活专栏收录该内容

9 篇文章

订阅专栏

此博客展示了一系列CSS样式代码，涵盖了对网页各元素如body、a、h1 - h5等的样式设置，包括字体、颜色、边距、背景等，还涉及菜单、主内容区、页脚等布局样式，以及滤镜、边框和背景图片的使用。

body {
font-size : 0.9em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left : 10px;
margin-right: 10px;
background-color : #F3F5F7;
}

a:visited,
a:active,
a:link {
color : #000080;
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 {
margin : 0px
padding : 0px;
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 : 0px;
width : 190px;
background-color:#BBC3D9;
filter:alpha(opacity=100,finishopacity=0,style=1);
}

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

#leftmenu ol,#rightmenu 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;
}

#rightmenu {
width : 190px;
position : absolute;
right : 0px;
margin-top : 0px;
background-color:#BBC3D9;
filter:alpha(opacity=100,finishopacity=0,style=1);

}

#main {
margin : 0px 180px 0px 180px;
background-color : #F3F5F7;
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;
}

.headermaintitle{font-family:隶书;font-size:1cm;color:#000000;align:center}
.BlogStats{color:black;}
p.date span
{
background-color : #e7e7e7;
}
.post
{
border: 1px solid #CCCCCC;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 4px;
margin-bottom: 25px;
background-color: #FBF7F2;
}
.post h2
{
font-size: 14px;
margin: 0px;
margin-bottom: 4px;
font-family:Verdana;
}
.post a:visited,
{
color : #9616F3;
text-decoration : none;
}
.post a:active,
{
color : #9616F3;
text-decoration : none;
}
.post a:link,
{
color : #9616F3;
text-decoration : none;
}

.post .postfoot
{
margin: 0px;
margin-top: 14px;
color: #aa6666;
border-top: 1px solid #DDDDDD;
font-size: 0.8em;
background-color: #c8c8c8;
}
#top
{
background-color : #ADB0D8;
height: 75px;
vertical-align: middle;
background-image:url(myURl);
background-repeat:no-repeat;
filter:alpha(opacity=90);
}
#sub
{
text-align: right;
background-color:#BBd4D9;
color: #CCCCCC;
font-size: 0.8em;
padding: 4px;
}
.MainCell
{
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 10px;
background-color:#D0C9B3;
vertical-align: top;
}