[Google Style系列] 底部版权信息

[Google Style系列] 底部版权信息

 

Google底部的版权信息一般是放在蓝色的框里面,这个效果很简单,不需要说明了,直接上代码吧.

 

第一种,方框的

代码 :

< STYLE  type =text/css >    
.footer {
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ffffff 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 83%;
    BACKGROUND: #e5ecf9;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #ffffff 1px solid;
    FONT-FAMILY: arial,sans-serif;
    TEXT-ALIGN: center    
}
</ STYLE >

< DIV  class =footer  align =center >< FONT  color =#666666 >
The CopyRight Information. Your can use it conveniently!
</ DIV >

第二种,圆角的.

< style >
.w {
    overflow: hidden;
    background: #fff
}
.l {
    float: left
}
.r {
    float: right
}
.c{
    clear: both
}
.t {
    width: 4px;
    height: 1px
}
.o {
    width: 2px;
    height: 1px
}
.p {
    width: 1px;
    height: 2px
}
.d {
    padding: 2px 10px 5px 10px
}


#rc0 {
    background: #c3d9ff;
    float: left;
    width: 100%
}
#rc0 div {
    text-align: center
}
#rc0 a {
    color: #00c
}
#rc0 a: hover {
    text-decoration: underline
}

</ style >
< div  id ="rc0" >
     < div  class ="w t l" ></ div >
     < div  class ="w t r" ></ div >
     < div  class ="c" ></ div >
     < div  class ="w o l" ></ div >
     < div  class ="w o r" ></ div >
     < div  class ="c" ></ div >
     < div  class ="w p l" ></ div >
     < div  class ="w p r" ></ div >
     < div  class ="c" ></ div >
     < div >
       < font  face ="arial"  size ="3" > The CopyRight Information </ font >
     </ div >
     < div  class ="c" ></ div >
     < div  class ="w p l" ></ div >
     < div  class ="w p r" ></ div >
     < div  class ="c" ></ div >
     < div  class ="w o l" ></ div >
     < div  class ="w o r" ></ div >
     < div  class ="c" ></ div >
     < div  class ="w t l" ></ div >
     < div  class ="w t r" ></ div >
</ div >