[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>