HTML代碼
複製內容到剪貼板
代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.dk101.com/Discuz/index.php">
<html xmlns="http://www.dk101.com/Discuz/index.php">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dk101.com</title>
<style>
/* dk101.com */
*{ margin:0; padding:0; list-style:none; font-size:12px; line-height:1.8;}
body{ background: #333}
#info{padding:50px;}
#infobox{padding:0px 30px;background-color: #640000;}
#center{background: #ABBAAC; border-top:2px solid #333; padding:20px;}
.c{ clear:both; height:1px; overflow: hidden; background:#333}
#infobox li{ border-right:1px solid #000; float:left;width:100px; margin-right:1px; text-align:center;margin-top:-4px; }
#infobox span{ height:4px; overflow:hidden; display:block}
a{ display:block; line-height:28px;}
a:link,a:visited{color:#000;background:#FF9900;text-decoration: none;}
a:hover,a:active{color:#FFFF00;background:#000;}
a:link span,a:visited span {background:#fff;}
a:hover span,a:active span{background: #6A0000;}
</style>
</head>
<body>
<div id="info">
<div id="infobox">
<ul>
<li><a href="http://www.dk101.com" target="_blank"><span></span>網站首頁</a></li>
<li><a href="http://www.dk101.com" target="_blank"><span></span>英語笑話</a></li>
<li><a href="http://www.dk101.com" target="_blank"><span></span>友情鏈接</a></li>
<li><a href="http://www.dk101.com" target="_blank"><span></span>給我留言</a></li>
<li><a href="http://www.dk101.com" target="_blank"><span></span>技術文章</a></li>
<li><a href="http://www.dk101.com" target="_blank"><span></span>生活照片</a></li>
</ul>
<div class="c"></div>
</div>
</div>
</body>
</html>HTML代碼
複製內容到剪貼板
代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.dk101.com/Discuz/index.php">
<html xmlns="http://www.dk101.com/Discuz/index.php">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test dk101</title>
<style>
/*dk101.com*/
*{ margin:0; padding:0;}
body{ font-size:12px; font-family:Verdana, "細明體", Arial; margin:100px 0;}
a:link,a:visited{color:#000; text-decoration: none;}
a:hover,a:active{color:#000;text-decoration: none;background-color: #FEFC6E;}
#nav{height:24px; border-bottom:1px solid #D28A05; border-top:1px solid #D28A05;background-image: url(http://www.dk101.com/Discuz/images/logo.gif);background-color: #FF9900; text-align:center;}
#nav li{ display:inline;border-right:1px solid #C97802;border-left:1px solid #C97802;margin-right:-1px; padding:6px 15px 5px 15px; line-height:25px; border-bottom:0px none; border-top:0px none;}
#nav li a{margin:1px;}
p{ margin:50px 0; text-align:center; }
</style>
</head>
<body>
<div id="nav">
<ul><li><a href="http://www.dk101.com" target="_blank">首 頁</a></li><li><a href="http://www.dk101.com/fabu" target="_blank">發佈信息</a></li><li><a href="http://www.dk101.com" title="在這裡可以管理已經發佈的信息和個人資料" target="_blank">我的客齊集</a></li><li><a href="http://www.dk101.com/" target="_blank">幫 助</a></li></ul>
</div>
<p><a href="http://www.dk101.com" target="_blank">www.dk101.com 頂客論壇 </a> 2006-11-7 晚 </p>
</body>
</html>[
本帖最後由 蔡逸竹 於 2006-11-7 21:43 編輯 ]
