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

PeakLui

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

 

第一种,方框的<span style="" />

 

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