我的BLOG的样式表!

此博客包含了一系列CSS样式代码,对网页各元素如body、table、链接、标题等的样式进行了设置,包括颜色、字体大小、边距、背景色等,还对容器、侧边栏、日历等特定区域的样式做了详细定义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<STYLE>
BODY {
MARGIN: 0px 0px 20px; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center;color:#CCCCCC;FONT-SIZE:12px
}
table{color:#CCCCCC;FONT-SIZE:12px }
A {
FONT-SIZE:12px;
text-decoration: none;
}
A:link {
COLOR: #cccc66;
text-decoration: none;
}
A:visited {
COLOR: #888822
}
A:active {
COLOR: #ffffff
}
A:hover {
COLOR: #ffffff
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#container {
BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; BORDER-LEFT: #999999 1px solid; WIDTH: 800px; LINE-HEIGHT: 140%; MARGIN-RIGHT: auto; PADDING-TOP: 0px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #000000; TEXT-ALIGN: left
}
#banner {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; COLOR: #cccccc; PADDING-TOP: 15px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, sans-serif; HEIGHT: 39px; BACKGROUND-COLOR: #000000; TEXT-ALIGN: left
}
A#banner-img {
DISPLAY: none
}
#banner A {
COLOR: #cccccc; TEXT-DECORATION: none
}
#banner H1 {
FONT-WEIGHT: bold; FONT-SIZE: x-large
}
#banner H2 {
FONT-SIZE: small
}
#left {
FLOAT: left; OVERFLOW: hidden; WIDTH: 200px; BACKGROUND-COLOR: #000000
}
#right {
FLOAT: left; OVERFLOW: hidden; WIDTH: 200px; BACKGROUND-COLOR: #000000
}
#center {
FLOAT: left; OVERFLOW: hidden; WIDTH: 400px
}
.content {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: small; PADDING-BOTTOM: 5px; COLOR: #cccccc; PADDING-TOP: 15px; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; BACKGROUND-COLOR: #000000
}
.sidebar {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
.sidebar A {
TEXT-DECORATION: none
}
.sidebar A:link {
COLOR: #cccc66
}
.sidebar A:visited {
COLOR: #888822
}
.sidebar A:active {
COLOR: #ffffff
}
.sidebar A:hover {
COLOR: #ffffff
}
.content P {
FONT-WEIGHT: normal; FONT-SIZE: small; MARGIN-BOTTOM: 10px; COLOR: #cccccc; LINE-HEIGHT: 150%; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; TEXT-ALIGN: left
}
.content BLOCKQUOTE {
LINE-HEIGHT: 150%
}
.content LI {
LINE-HEIGHT: 150%
}
.content H2 {
FONT-WEIGHT: bold; FONT-SIZE: medium; MARGIN-BOTTOM: 10px; COLOR: #cccccc; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; TEXT-ALIGN: left
}
.content H3 {
BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: large; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; BORDER-LEFT: #999999 1px solid; COLOR: #009999; PADDING-TOP: 3px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; TEXT-ALIGN: left
}
.content P.posted {
FONT-SIZE: x-small; MARGIN-BOTTOM: 25px; COLOR: #999999; LINE-HEIGHT: normal; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; TEXT-ALIGN: right
}
#calendar {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: x-small; MARGIN-BOTTOM: 30px; PADDING-BOTTOM: 2px; COLOR: #cccccc; LINE-HEIGHT: 140%; PADDING-TOP: 2px; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; TEXT-ALIGN: center
}
#calendar TABLE {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 2px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
}
#calendar CAPTION {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: x-small; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; COLOR: #009999; PADDING-TOP: 3px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; LETTER-SPACING: 0.3em; TEXT-ALIGN: left
}
#calendar TH {
FONT-WEIGHT: normal; TEXT-ALIGN: center
}
#calendar TD {
TEXT-ALIGN: center
}
.sidebar H2 {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: x-small; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; COLOR: #009999; PADDING-TOP: 3px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; LETTER-SPACING: 0.3em; TEXT-ALIGN: left
}
.sidebar UL {
PADDING-LEFT: 0px; MARGIN: 0px 0px 30px
}
.sidebar LI {
MARGIN-TOP: 10px; FONT-SIZE: x-small; COLOR: #cccccc; LINE-HEIGHT: 150%; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.sidebar IMG {
BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid
}
.photo {
MARGIN-BOTTOM: 20px; TEXT-ALIGN: center
}
.link-note {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: x-small; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 2px; LINE-HEIGHT: 150%; PADDING-TOP: 2px; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; TEXT-ALIGN: left
}
#powered {
MARGIN-TOP: 50px; FONT-SIZE: x-small; COLOR: #cccccc; LINE-HEIGHT: 150%; FONT-FAMILY: ’Trebuchet MS’, Verdana, sans-serif; TEXT-ALIGN: left
}
#comment-data {
BORDER-RIGHT: #bbb 1px dotted; PADDING-RIGHT: 15px; FLOAT: left; WIDTH: 180px; MARGIN-RIGHT: 15px; TEXT-ALIGN: left
}
.oblog1 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}
.style1 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
color: #009999;
font-weight: bold;
font-size: 14px;
}
.style2 {
font-size: 18px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.bottom1 {
FONT-SIZE: 9pt; COLOR: #1C1C1C; TEXT-DECORATION: none;
}
.button2 {
BORDER-RIGHT: 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; BORDER-LEFT: 1px solid; CURSOR: hand; COLOR: #000000; LINE-HEIGHT: 9pt; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid; FONT-FAMILY: 宋体; HEIGHT: 20px; BACKGROUND-COLOR: #CCCCCC}
.buttom3 {
BORDER-RIGHT: #333333 1px ridge;
PADDING-RIGHT: 1px;
BORDER-TOP: #ffffff 1px ridge;
PADDING-LEFT: 1px;
FONT-SIZE: 12px;
PADDING-BOTTOM: 1px;
BORDER-LEFT: #ffffff 1px ridge;
COLOR: #1C1C1C;
PADDING-TOP: 1px;
BORDER-BOTTOM: #1C1C1C 1px ridge;
FONT-FAMILY: "宋体";
HEIGHT: 20px;
BACKGROUND-COLOR: #f1f1f1;
cursor: hand;
}
</STYLE>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值