前端笔记

注册儒通会员能为你带来

• 优质主机、域名、邮箱服务
• 全程一对一跟踪服务
• 会员积分、神秘礼包

注册帮助

• 我遇到问题如何寻求帮助？

 

 

 

 

 

 

 

 

 

 

 

HTML:

代码

< div  id ="sidebar" >
             < div  class ="freedom" >
                 < h2  class ="exp" > 注册儒通会员能为你带来 </ h2 >  
                 < ul  class ="exp" >
                     < li > 优质主机、域名、邮箱服务 </ li >
                     < li > 全程一对一跟踪服务 </ li >
                     < li > 会员积分、神秘礼包 </ li >
                 </ ul >
             </ div >
            
             < div  class ="modE" >
     < h3 > 注册帮助
     </ h3 >
     < div  class ="modBody" >
         < ul >
                     < li >< a  href ="http://services.rutongnet.com/trax/MustRead/20100222/56571340" > 我遇到问题如何寻求帮助？ </ a ></ li >
         </ ul >
     </ div >
</ div >
         </ div >

 

CSS:

代码

<style type="text/css">
.freedom
{
background : transparent url(http://account.rutongnet.com/img/side_freedom.jpg) no-repeat scroll 0 0 ;
height : 203px ;
}
.exp
{
display : none ;
}
#content
{
margin-top : 8px ;
}
.modE  {
background : none repeat scroll 0 0 #FEFAEF ;
border : 1px solid #D7D7D7 ;
margin-top : 10px ;
}
.modE h3  {
background : none repeat scroll 0 0 #FFF7D3 ;
border-bottom : 1px solid #D7D7D7 ;
color : #BD5613 ;
font-size : 14px ;
height : 26px ;
line-height : 26px ;
padding-left : 15px ;
}
.modE .modBody  {
border : 0 none ;
height : 1% ;
overflow : hidden ;
padding : 8px 13px ;
}
.modE .modBody li  {
background : url("https://www.newegg.com.cn/SSL/WebResources/2009/Default/Nest/bg/bg.gif") no-repeat scroll -10px -350px transparent ;
line-height : 120% ;
padding : 4px 0 4px 7px ;
}

#sidebar {

float : left ;

width : 210px ;

}

</style>