如题,唔里哇啦叽里呱啦,放假好无聊啊。。研究了一整天呢,作图图,写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 Z