フッタ 06

HTMLの<div id="footer"> 〜 </div>と、CSSの/* フッタ */に下記のソースを使用します。

--- HTML ---
<div id="footer">
 <p>present by <a href="http://webch.org/" target="_blank">Layout Gallery</a>.
 Copyright © Your Site Name. All rights reserved.</p>
 <div>
 <a href="">リンク</a>|<a href="">リンク</a>|<a href="">リンク</a>
 </div>
</div>

--- CSS ---
#footer {
 width:800px;
 clear:both;
}

#footer a {
 color:#fff;
 text-decoration:none;
}

#footer p {
 margin:0;
 padding:5px;
 color:#fff;
 background:#999;
 border-bottom:1px solid #666;
 font-size:65%;
 font-family:verdana;
 text-align:right;
}

#footer div {
 padding:5px;
 background:#999;
 border-top:1px solid #ccc;
}

#footer div a {
 margin:0 5px;
}

#footer div p {
 margin:10px 0;
 padding:0;
 border:none;
 font-family:MS Gothic;
 text-align:center;
}