校内网演示:http://xiaonei.com/getuser.do?id=231892000       body{
 font-size:11.5px;
 text-align:center;
 color:#7f9b3c ;
 font-family: Tahoma, Arial, "新宋体";
 background-image: url(http://fm181.img.xiaonei.com/blog/20070901/09/29/A019231416497HEI.gif);
 background-repeat: repeat-x;
 
 
 }
 
 
 #homepage{
 background-image: url(http://fm161.img.xiaonei.com/blog/20070901/09/30/A022049876094HEI.gif);
 background-repeat: repeat;
 
 }
 
 #container{
 width:960px;
 }
 
 #header{
 width:960px;
 background-repeat: no-repeat;
 height: 162px;
 background-image: url(http://fm161.img.xiaonei.com/blog/20070901/09/31/A026113050449HEI.jpg);}
 
 #content{
 width:960px;
 border:0;
 background-image: url(http://fm171.img.xiaonei.com/blog/20070901/09/31/A028391998439HEI.jpg);
 background-repeat: repeat-y;
 }
 <!--校内网代码Xn.qyu.cn-->
 #container #footer{
 background-image: url(http://fm181.img.xiaonei.com/blog/20070901/09/31/A030545283603HEI.gif);
 height: 50px;
 padding-top: 12px;
 font-size: 11px;
 line-height: 1;
 width: 960px;
 background-repeat: no-repeat;
 background-position: center top;
 margin-bottom: 15px;
 
 }
 
 #navigation{
 position:absolte;
 left:25px;
 top:110px;
 width:650px;
 height:150px;
 background:transparent;
 overflow:hidden;
 font-size:12px;
 text-decoration:none;
 border:none;
 }
 /*导航条位置及样式设置*/
 #navigation A:link, #navigation A:visited{
 height:20px;
 text-align:center;
 text-decoration:none;
 font-weight:bold;
 text-transform: capitalize;
 padding-top: 10px;
 color: #D3E5AB ;
 padding: 5px;
 }
 <!--校内网代码Xn.qyu.cn-->
 #navigation A:hover {
 text-decoration:none;
 color: #FFFFFF ;
 background-color: #3B4B1E ;
 padding: 5px;
 }
 
 /*左右内容位置设置*/
 #userRelations{
 float:left;
 margin-left:8px;
 width:220px;
 background-image: url(http://fm161.img.xiaonei.com/blog/20070901/09/32/A032855428869HEI.jpg);
 background-repeat: repeat-y;
 background-position: right center;
 }
 
 #userPicture{
 padding-top:24px;
 padding-left:8px;
 background-image: url(http://fm151.img.xiaonei.com/blog/20070901/09/32/A034890134019HEI.gif);
 background-repeat: no-repeat;
 background-position: right top;
 }
 #userUpdates {
 float:left;
 margin-left:-3px;
 width:660px;
 margin-left:18px;
 padding:10px;
 background:url(http://fm151.img.xiaonei.com/blog/20070901/09/32/A037224426019HEI.jpg) no-repeat;
 }
 <!--校内网代码Xn.qyu.cn-->
 #userRelations h3{
 margin:0px;
 text-align:left;
 font-weight:bold;
 font-size:11px;
 color: #667D31 ;
 text-indent: 18px;
 background-image: url(http://fm181.img.xiaonei.com/blog/20070901/09/33/A039619043603HEI.jpg);
 background-repeat: no-repeat;
 background-position: right center;
 border:0;
 }
 
 #userUpdates h3{
 margin:0px;
 text-align:left;
 font-weight:bold;
 font-size:11px;
 color: #667D31 ;
 text-indent: 18px;
 height:33;
 background-image: url(http://fm171.img.xiaonei.com/blog/20070901/09/33/A041744152225HEI.jpg);
 background-repeat: no-repeat;
 background-position: center;
 border:0;
 }
 
 
 /*好友分享*/
 #content #userFriendUniv{
 padding-bottom:24px;
 margin-bottom:-24px;
 background-image: url(http://fm171.img.xiaonei.com/blog/20070901/09/33/A043712587177HEI.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 }
 /*留言按钮*/
 * html .inputbutton,* html .subbutton,* html .inputsubmit{
 padding:0 5px;
 margin-bottom:10px;
 border:0px solid;
 background-color:#667D31;
 }
 
 /*留言栏*/
 * textarea{
 padding:0 5px;
 border:1px dashed #667D31;
 background:#eeeeee;
 background-image: url(http://www.bo-u.cn/sc/inputbg.gif);
 }
 
 
 /*底边框置0*/
 #userActions li { border-bottom:0px}
 #userRelations .boxcont { border-right:0px;}
 #userActions li a:hover{
 color: #eee;
 }
 
 
 
 
 
 #userStatus a:hover,#userShare a:hover,#userActions li a:hover,#userFriendUniv a:hover,##userActions li a:hover{
 color: #fff;
 background:#718B34;
 }
 
 #userSchoolClass .boxcont {
 padding:5px;
 border:1px solid #7F9B3C;
 }
 
 #userProfile th {
 width:6em;
 color:#808080;
 font-weight:normal;
 text-align:left;
 vertical-align:top;}
 
 /*H4的样式设置*/
 #AccountInfo H4,#BasicInfo H4,#ContactInfo H4,#PersonalInfo H4, #SchoolInfo H4
 {
 color:#7F9B3C;
 }
 /*日记标题、留言栏上边框*/
 #blog .info, #talk .info {
 color:#7F9B3C;
 border-top:1px solid #7F9B3C;
 
 }
 /*日记标题设置*/
 #userBlog .info{
 background:#FBFBF9;
 color:#FBFBF9;
 }
 
 #talk .text{
 color:#808080;
 
 }
 
 /*头像边框设置*/
 #userPicture a img { border:1px solid #C3CAA8;}
 #userPicture a:hover img { border:1px solid #000;}
 
 /清除导航条上的分隔线/
 #navigation li {background:url() 0 50% no-repeat;}
 
 /*链接样式设置*/
 * a:link,* a:visted,.article a,.talk a,.more a,.author a,.boxcont a,.edit a,#userStatus,#userStatus a#userStatus a:visted,#userShare,#userShare a,#userShare a:visted,#userActions li a,#userFriendUniv ,#userFriendUniv a#userFriendUniv a:visted,##userActions li a:visted{
 color: #7F9B3C;
 }
 * a:hover,.article a:hover,talk a:hover,.talk a:hover,.more a:hover,.author a:hover,.boxcont a:hover,.edit a:hover{
 color: #808080;
 }
 
 * html #navigation li {background:XXXXXXthis.parentNode.firstChild == this)? "transparent" : "url() 0 50% no-repeat" );}
 *+html #navigation li {background:XXXXXXthis.parentNode.firstChild == this)? "transparent" : "url() 0 50% no-repeat" );}
 
 
 /*隐藏不要的版块*/
 #tagline,#utility,#logo,#sidebar,.block,#permalink,#footer p,#footer strong,#reportlink,#footer div,#userPandora h3{
 display:none;
 }
 
 /*友链样式*/  
 #flink ul{   
 width: 95%;/*根据自己群设置宽度*/  
 text-align:center;   
 padding:5px;   
 }   
 #flink li{   
 float:left;   
 width:49%;/*这个也得根据自己群设置宽度*/  
 height:20px;   
 color: #7F9B3C;   
 margin-top:5px;   
 padding:5px 0;   
 display:block;   
 text-align:center;   
 }   
 #flink li a {    
 display:block;   
 text-decoration: none;   
 padding:5px;   
 }   
 #flink li a:hover {    
 display:block;   
 background:#7F9B3C;   
 color:#fff;   
 padding:5px;   
 text-decoration: none;   
 } 
 </style>
 <div id="flink">  
 <fieldset>  
 <legend><b>我的涂鸦板</b></legend>  
 <ul>  
 </ul></fieldset>  
 </div>