不可以當小白喔ˇ
拿CSS↙
BODY {
BORDER-LEFT-COLOR:#94c9ff;BACKGROUND:url(http://f5.wretch.yimg.com/amyamy9505/14/1728862746.jpg) #ffffff 50% 0%;FILTER:alpha(opacity=30);BORDER-BOTTOM-COLOR:#94c9ff;MARGIN:0px;FONT:11px Arial;BORDER-TOP-COLOR:#94c9ff;BORDER-COLLAPSE:separate;BORDER-RIGHT-COLOR:#94c9ff;}
A {
COLOR:#9999ff;}
#container1 {
BACKGROUND:no-repeat 1px 0px;MARGIN:20px auto;WIDTH:979px;POSITION:relative;HEIGHT:530px;}
#banner {
BORDER-LEFT-COLOR:#6699ff;RIGHT:17px;BACKGROUND:url(http://f5.wretch.yimg.com/amyamy9505/14/1728862776.jpg) no-repeat right top;BORDER-BOTTOM-COLOR:#6699ff;WIDTH:380px;BORDER-TOP-STYLE:groove;BORDER-TOP-COLOR:#6699ff;BORDER-RIGHT-STYLE:groove;BORDER-LEFT-STYLE:groove;POSITION:absolute;TOP:20px;HEIGHT:490px;TEXT-ALIGN:left;BORDER-RIGHT-COLOR:#6699ff;BORDER-BOTTOM-STYLE:groove;}
#banner H1 {
MARGIN-TOP:0px;FONT-SIZE:13px;COLOR:#ffffff;}
#banner H1 A {
PADDING-RIGHT:3px;DISPLAY:block;FONT-WEIGHT:normal;WIDTH:377px;COLOR:#ffffff;PADDING-TOP:102px;LETTER-SPACING:-1px;HEIGHT:198px;TEXT-ALIGN:right;TEXT-DECORATION:none;}
#banner H1 A:hover {
}
#banner H1 .description {
DISPLAY:block;RIGHT:164px;WIDTH:200px;POSITION:absolute;TOP:56px;TEXT-ALIGN:right;}
#banner #description2 {
LEFT:10px;WIDTH:360px;COLOR:#ffffff;POSITION:absolute;TOP:305px;}
#content {
Z-INDEX:10;BACKGROUND:no-repeat left top;LEFT:21px;WIDTH:560px;POSITION:absolute;TOP:20px;HEIGHT:520px;}
#content A {
COLOR:#e58c17;}
#content A:hover {
COLOR:#cc1e0c;TEXT-DECORATION:none;}
.blog {
PADDING-RIGHT:5px;MARGIN-TOP:30px;PADDING-LEFT:5px;SCROLLBAR-FACE-COLOR:#ffffff;PADDING-BOTTOM:0px;SCROLLBAR-HIGHLIGHT-COLOR:#eeeeee;MARGIN-LEFT:207px;OVERFLOW:auto;WIDTH:343px;SCROLLBAR-SHADOW-COLOR:#eeeeee;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#ffffff;PADDING-TOP:0px;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;HEIGHT:490px;}
.date {
FONT-SIZE:small;BORDER-LEFT-COLOR:#6699ff;BORDER-BOTTOM-COLOR:#6699ff;COLOR:#9966ff;BORDER-TOP-STYLE:groove;BORDER-TOP-COLOR:#6699ff;BORDER-LEFT-STYLE:none;LETTER-SPACING:-2px;BORDER-BOTTOM-STYLE:none;}
.title {
MARGIN:0px;COLOR:#9900ff;}
.innertext {
COLOR:#999999;}
.extended {
COLOR:#e965bc;TEXT-ALIGN:right;}
#content .extended A {
COLOR:#e965bc;}
.posted {
FONT-SIZE:10px;BORDER-BOTTOM-COLOR:#6699ff;PADDING-BOTTOM:3px;COLOR:#3399ff;TEXT-ALIGN:right;}
#content .posted A {
COLOR:#8ac1db;}
.comments-body {
COLOR:#999999;}
.comments-post {
FONT-SIZE:10px;PADDING-BOTTOM:3px;COLOR:#8ac1db;BORDER-BOTTOM:#ccc 1px solid;TEXT-ALIGN:right;}
#content .comments-post A {
COLOR:#8ac1db;}
#name_id {
BORDER-RIGHT:red 0px solid;BORDER-TOP:red 0px solid;BACKGROUND:#eeeeee;BORDER-LEFT:red 0px solid;WIDTH:93%;BORDER-BOTTOM:red 0px solid;}
#email {
BORDER-RIGHT:red 0px solid;BORDER-TOP:red 0px solid;BACKGROUND:#eeeeee;BORDER-LEFT:red 0px solid;WIDTH:93%;BORDER-BOTTOM:red 0px solid;}
#url {
BORDER-RIGHT:red 0px solid;BORDER-TOP:red 0px solid;BACKGROUND:#eeeeee;BORDER-LEFT:red 0px solid;WIDTH:93%;BORDER-BOTTOM:red 0px solid;}
#text {
BORDER-RIGHT:#999 0px solid;BORDER-TOP:#999 0px solid;BACKGROUND:#eeeeee;OVERFLOW:auto;BORDER-LEFT:#999 0px solid;WIDTH:93%;BORDER-BOTTOM:#999 0px solid;}
.total-comments-div FORM {
}
.total-comments-div FORM INPUT {
BORDER-RIGHT:#999 0px solid;BORDER-TOP:#999 0px solid;BORDER-LEFT:#999 0px solid;BORDER-BOTTOM:#999 0px solid;}
#content .total-comments-div FORM BR {
DISPLAY:none;}
#links {
Z-INDEX:11;LEFT:36px;BACKGROUND-IMAGE:none;WIDTH:177px;COLOR:#ffd8a5;BACKGROUND-REPEAT:repeat;POSITION:absolute;TOP:128px;HEIGHT:350px;BACKGROUND-COLOR:transparent;}
#links2 {
MARGIN-TOP:17px;SCROLLBAR-FACE-COLOR:#e8a752;SCROLLBAR-HIGHLIGHT-COLOR:#f5c381;OVERFLOW:auto;WIDTH:177px;SCROLLBAR-SHADOW-COLOR:#f5c381;SCROLLBAR-3DLIGHT-COLOR:#e8a752;SCROLLBAR-ARROW-COLOR:#ffffff;SCROLLBAR-TRACK-COLOR:#e8a752;SCROLLBAR-DARKSHADOW-COLOR:#e8a752;HEIGHT:350px;}
#links A {
COLOR:#ffffff;TEXT-DECORATION:none;}
#links A:hover {
TEXT-DECORATION:underline;}
#boxProfile .boxProfile0 {
DISPLAY:none;}
#boxProfile .side BR {
DISPLAY:none;}
#boxProfile .side {
FONT-SIZE:0px;COLOR:#446843;LETTER-SPACING:-2px;}
#boxProfile .side A {
COLOR:#446843;TEXT-DECORATION:none;}
#boxProfile .side A.boxProfileLink {
DISPLAY:block;WIDTH:94px;HEIGHT:14px;}
#boxProfile .side A.boxProfileLink:hover {
BORDER-LEFT:#f4f4f4 3px solid;}
#boxProfile .side .boxAddFriendLink {
DISPLAY:none;}
#boxProfile .side .boxGiftLink {
DISPLAY:none;}
#boxProfile .side .boxProfileImg IMG {
PADDING-RIGHT:3px;PADDING-LEFT:3px;BACKGROUND:#ffffff;LEFT:0px;PADDING-BOTTOM:3px;PADDING-TOP:3px;POSITION:absolute;}
#boxProfile .side SELECT {
RIGHT:100px;POSITION:absolute;}
unknown {
DISPLAY:none;}
#boxNewArticle .boxNewArticle0 {
BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/box1.gif) no-repeat 0px 2px;HEIGHT:23px;}
#boxNewArticle .side BR {
DISPLAY:none;}
#boxNewArticle .side {
PADDING-TOP:10px;}
#boxNewArticle .side A {
PADDING-RIGHT:2px;DISPLAY:block;PADDING-LEFT:3px;PADDING-BOTTOM:1px;WIDTH:155px;PADDING-TOP:1px;}
#boxNewArticle .side A:hover {
BACKGROUND:#f3b96e;TEXT-DECORATION:none;}
#boxCategory .sidetitle {
DISPLAY:none;}
#boxCategory .boxCategory0 {
BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/box1.gif) no-repeat 0px -30px;HEIGHT:23px;}
#boxCategory .side BR {
DISPLAY:none;}
#boxCategory .side {
PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:0px;PADDING-BOTTOM:0px;PADDING-TOP:10px;LETTER-SPACING:-2px;}
#boxCategory .side A {
PADDING-RIGHT:2px;DISPLAY:block;PADDING-LEFT:3px;FONT-SIZE:11px;PADDING-BOTTOM:1px;WIDTH:155px;PADDING-TOP:1px;LETTER-SPACING:0px;}
#boxCategory .side A:hover {
BACKGROUND:#f3b96e;TEXT-DECORATION:none;}
#boxDate .sidetitle {
DISPLAY:none;}
#boxDate .boxDate0 {
BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/box1.gif) no-repeat 0px -61px;HEIGHT:23px;}
#boxDate .side {
PADDING-RIGHT:0px;PADDING-LEFT:5px;PADDING-BOTTOM:0px;PADDING-TOP:10px;}
#boxSearch .sidetitle {
DISPLAY:none;}
#boxSearch .boxSearch0 {
BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/box1.gif) no-repeat 0px -92px;HEIGHT:23px;}
#boxSearch .side {
PADDING-RIGHT:0px;PADDING-LEFT:5px;PADDING-BOTTOM:0px;PADDING-TOP:10px;}
#boxSearch INPUT {
BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;FONT-SIZE:11px;BACKGROUND:#f4c07b;BORDER-BOTTOM-WIDTH:0px;COLOR:#ffffff;BORDER-RIGHT-WIDTH:0px;}
#boxNewComment .sidetitle {
DISPLAY:none;}
#boxNewComment .boxNewComment0 {
BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/box1.gif) no-repeat 0px -123px;HEIGHT:23px;}
#boxNewComment .side {
PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:10px;PADDING-BOTTOM:0px;PADDING-TOP:10px;TEXT-ALIGN:right;}
#boxNewComment .side A {
PADDING-RIGHT:2px;DISPLAY:block;PADDING-LEFT:3px;FONT-SIZE:11px;PADDING-BOTTOM:2px;WIDTH:155px;PADDING-TOP:2px;TEXT-ALIGN:left;}
#boxNewComment .side A:hover {
BACKGROUND:#f3b96e;TEXT-DECORATION:none;}
#boxRssList .sidetitle {
DISPLAY:none;}
#boxRssList .boxRssList0 {
BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/box1.gif) no-repeat 0px -152px;HEIGHT:23px;}
#boxRssList .side BR {
DISPLAY:none;}
#boxRssList .side {
PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:10px;PADDING-BOTTOM:0px;PADDING-TOP:10px;TEXT-ALIGN:right;}
#boxRssList .side A {
PADDING-RIGHT:2px;DISPLAY:block;PADDING-LEFT:3px;FONT-SIZE:11px;PADDING-BOTTOM:2px;WIDTH:155px;PADDING-TOP:2px;TEXT-ALIGN:left;}
#boxRssList .side A:hover {
BACKGROUND:#f3b96e;TEXT-DECORATION:none;}
#boxNewTrackback .sidetitle {
DISPLAY:none;}
#boxNewTrackback .boxNewTrackback0 {
BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/box1.gif) no-repeat 0px -182px;HEIGHT:23px;}
#boxNewTrackback .side BR {
DISPLAY:none;}
#boxNewTrackback .side {
FONT-SIZE:10px;TEXT-ALIGN:right;}
#boxNewTrackback .side A {
PADDING-RIGHT:2px;DISPLAY:block;PADDING-LEFT:3px;FONT-SIZE:11px;PADDING-BOTTOM:1px;WIDTH:155px;PADDING-TOP:1px;TEXT-ALIGN:left;}
#boxNewTrackback .side SPAN A {
PADDING-RIGHT:0px;DISPLAY:inline;PADDING-LEFT:0px;FONT-SIZE:10px;PADDING-BOTTOM:0px;WIDTH:auto;COLOR:#ffd8a5;PADDING-TOP:0px;}
#boxNewTrackback .side A:hover {
BACKGROUND:#f3b96e;TEXT-DECORATION:none;}
#boxNewTrackback .side SPAN A:hover {
BACKGROUND:none transparent scroll repeat 0% 0%;TEXT-DECORATION:underline;}
#boxFolder .sidetitle {
FONT-SIZE:24px;COLOR:#ffffff;LETTER-SPACING:-2px;}
#boxFolder .side BR {
DISPLAY:none;}
#boxFolder .side {
PADDING-TOP:10px;}
#boxFolder .side A {
PADDING-RIGHT:2px;DISPLAY:block;PADDING-LEFT:3px;PADDING-BOTTOM:1px;WIDTH:155px;PADDING-TOP:1px;}
#boxFolder .side A:hover {
BACKGROUND:#f3b96e;TEXT-DECORATION:none;}
#boxCounter .sidetitle {
DISPLAY:none;}
#boxCounter .boxCounter0 {
BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/box1.gif) no-repeat 0px -212px;HEIGHT:23px;}
#boxCounter .side {
PADDING-LEFT:5px;}
#links .syndicate {
PADDING-LEFT:10px;}
#links .powered {
PADDING-LEFT:10px;}
#links .powered TABLE {
}
#links .powered A {
}
#links .powered A.powerlogo {
DISPLAY:block;BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/powerlogo.gif) no-repeat left top;WIDTH:131px;HEIGHT:25px;}
#links .powered A.powerlogo IMG {
DISPLAY:none;}
#links .powered INPUT {
BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;BACKGROUND:#f4c07b;BORDER-BOTTOM-WIDTH:0px;COLOR:#ffffff;BORDER-RIGHT-WIDTH:0px;}
#extraDiv1 {
Z-INDEX:5;BACKGROUND:url(http://l.yimg.com/wretch.yimg.com/style/1/129/extradiv1.jpg) no-repeat left top;LEFT:218px;WIDTH:371px;POSITION:absolute;TOP:510px;HEIGHT:39px;}
#footer {
FONT-SIZE:10px;LEFT:0px;WIDTH:980px;POSITION:absolute;TOP:530px;HEIGHT:20px;TEXT-ALIGN:right;}
#extraDiv6 {
}
.description {
COLOR:#cc99ff;BACKGROUND-COLOR:transparent;}
.sidetitle {
COLOR:#33ccff;BACKGROUND-COLOR:transparent;}
A:link {
COLOR:#9999ff;}
A:visited {
COLOR:#9999ff;}
A:active {
COLOR:#9999ff;}
#banner A {
COLOR:#9999ff;}
#banner A:link {
COLOR:#9999ff;}
#banner A:visited {
COLOR:#9999ff;}
#banner A:active {
COLOR:#9999ff;}
.side {
BORDER-BOTTOM-COLOR:#3399ff;BORDER-TOP-STYLE:none;BACKGROUND-COLOR:#ffcccc;BORDER-BOTTOM-STYLE:none;}
文章定位: