研究一下blog的css,改成了现在这个样子^_^

 

如题,唔里哇啦叽里呱啦,放假好无聊啊。。研究了一整天呢,作图图,写css……小有收获,哈哈。那个小草草和秋千都是自己画的哦~~~好玩!

代码要不要贴一下呢?还是要吧…………但愿没人笑话我。。55555555555555555555555…………

 BODY {
 MARGIN-TOP: 0px; PADDING-TOP: 0px
}
#top {
 BACKGROUND: url(http://myjavaserver.com/~vivo/head.jpg) no-repeat; WIDTH: 880px; HEIGHT: 75px
}
#top TD {
 DISPLAY: none
}
#sub {
 FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: #67922f
}
#LeftCell {
 BORDER-RIGHT: #67922f 8px solid; BORDER-TOP: 0px; BORDER-LEFT: #67922f 3px solid; WIDTH: 140px; BORDER-BOTTOM: #67922f 80px solid; BACKGROUND-COLOR: #f4ffe4
}
#leftmenu {
 MARGIN-LEFT: 24px; WIDTH: 140px
}
#leftmenu LI {
 MARGIN-LEFT: 18px
}
#leftmenu A {
 HEIGHT: 18px
}
#leftmenu A:hover {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ff7e00; TEXT-DECORATION: underline
}
#leftmenu H3 {
 BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 28px; FONT-WEIGHT: bolder; FONT-SIZE: 14px; BACKGROUND: url(http://myjavaserver.com/~vivo/ss.gif) no-repeat left top; BORDER-LEFT: medium none; WIDTH: 117px; COLOR: #4b7712; LINE-HEIGHT: 24px; BORDER-BOTTOM: medium none; HEIGHT: 33px
}
.FooterCell {
 PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: bottom; PADDING-TOP: 0px; BACKGROUND-COLOR: #fff
}
.footer {
 PADDING-RIGHT: 20px; BORDER-TOP: #486b1b 2px solid; MARGIN-TOP: 30px; FLOAT: right; WIDTH: 100%; COLOR: #666; PADDING-TOP: 20px; TEXT-ALIGN: right
}
.entrylist {
 DISPLAY: none; FLOAT: right; COLOR: #999; PADDING-TOP: 5px
}
.post {
 BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: #729a3e 1px solid
}
.postTitle A {
 FONT-WEIGHT: bold; COLOR: #46641e
}
.post H5 A {
 FONT-WEIGHT: bold; COLOR: #46641e
}
.postText A {
 COLOR: #a40
}
.post .postfoot {
 BORDER-TOP: medium none; MARGIN-BOTTOM: -20px
}
.postFoot A {
 MARGIN-TOP: -40px; FONT-SIZE: 12px; COLOR: #999; LINE-HEIGHT: 90px
}
.post .postfoot {
 MARGIN-TOP: -40px; FONT-SIZE: 12px; COLOR: #999; LINE-HEIGHT: 90px
}
.MainCell {
 BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; WIDTH: 709px; BORDER-BOTTOM: medium none
}
#commentform {
 MARGIN-LEFT: auto; MARGIN-RIGHT: auto; TEXT-ALIGN: center
}
#comments H3 {
 BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
#commentform H3 {
 BORDER-RIGHT: #4b7712 1px dashed; BORDER-TOP: #4b7712 1px dashed; PADDING-LEFT: 36px; BACKGROUND: url(http://www.myjavaserver.com/~vivo/11.gif) no-repeat 14px center; BORDER-LEFT: #4b7712 1px dashed; WIDTH: 100%; COLOR: #4b7712; PADDING-TOP: 10px; BORDER-BOTTOM: #4b7712 1px dashed; HEIGHT: 27px; TEXT-ALIGN: left
}
.Textbox {
 BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 6px; BORDER-LEFT: medium none; BORDER-BOTTOM: #729a3e 1px dashed
}
.Button {
 BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://www.myjavaserver.com/~vivo/button.gif) no-repeat; MARGIN-LEFT: 182px; BORDER-LEFT: medium none; WIDTH: 49px; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; POSITION: absolute; HEIGHT: 22px
}
#commentform TEXTAREA {
 BORDER-RIGHT: #67922f 1px solid; BORDER-TOP: #67922f 1px solid; FONT-SIZE: 12px; BACKGROUND: url(http://www.myjavaserver.com/~vivo/text.gif) #f4ffe4 no-repeat left bottom; BORDER-LEFT: #67922f 1px solid; BORDER-BOTTOM: #67922f 1px solid
}
#Description {
 FLOAT: right; COLOR: #999
}

被格式了。。。呜里哇啦。。。。   

想改样式的注意这个问题哦:.post .postfoot这个是定义postFoot这个class的。没明白为什么用.postFoot就不行,只能用.post .postfoot。。可是定义.postFoot a就可以。

huhu。。。。z Z

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值