[Google Style系列] 底部版权信息
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>
页:
[1]