頁面效果圖：
代碼部分：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>個人空間</title>
<style type="text/css">
<!--
body{
background-p_w_picpath:url(css%E7%B4%A0%E6%9D%90/bg9.gif);
padding:0px;
margin:0px;
}
table{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;}
.one{
background-color:#09F;
}
.one td{
border-style:dotted;
border-color:#666;
border-width:2px;
text-align:center;}
.two{
background-color: #CFF;
text-align:center;}
.biao2 td{
border-style:dotted;
border-color:#666;
border-width:2px;
}
.ziti{
color:#06C;
text-align: justify;
padding-left:10px;
padding-right:10px;}
.three{
background-color: #E6F7FF;
background-p_w_picpath: url(css%E7%B4%A0%E6%9D%90/self.jpg);
background-position:bottom right;
background-repeat:no-repeat;
vertical-align:top;}
.four{
padding-left:15px;
padding-right:15px;
text-align:justify;
}
.five{
padding-left:15px;
padding-top:10px;
text-decoration:underline;
font-weight:bold;
color:#0A8DEF;}
-->
</style>
</head>
<body>
<table align="center" cellpadding="1" cellspacing="2" border="0">
<tr>
<td><img src="css素材/banner3.jpg" border="0" /></td>
</tr>
</table>
<table class="one" align="center" width="600px" cellpadding="2" cellspacing="1"
border="0">
<tr>
<td>首頁</td>
<td>心情日記</td>
<td>Free</td>
<td>一起走到</td>
<td>從明天起</td>
<td>紙飛機</td>
<td>下一站</td>
</tr>
</table>
<table class="biao2" align="center" width="600px" cellpadding="0" cellspacing="2" border="0">
<tr>
<td width="30%" class="two" ><img src="css素材/selfpic.jpg" border="0" />
<br />我的日記本<br /><br/><p class="ziti">他們彼此深信，是瞬間迸發的熱情讓他們相遇。這樣的確定是美麗的，但變幻無常更爲美麗。</p><br /><br />
<img src="css素材/selfpic2.jpg" border="0" />
<br />心情軌跡<br /><br /><p class="ziti">董事長的一切都讓人既羨慕又忌妒，但更讓人受不了的是，有一天，上蒼忽然賜給他一個神奇的禮物………</p>
</td>
<td class="three"><p class="five">介紹</p>
<p class="four">我努力的抓緊世界，最後卻仍被世界淘汰，如果一開始就鬆手，我會不那麼傷心嗎？你說，親愛的孩子，世事難料，隨它去吧！</p>
<p class="five">照相本子</p>
<p class="four">關於童年，你記住了什麼？<br />
兩歲時，我擁有一隻巨大的粉紅豬，它總在我嚎啕大哭時逗我笑。<br />
三歲時，我騎着小***一路搖到外婆家，它不喝水也不吃草。<br />
四歲時，我離家出走，在公車上睡着了，最後是太空超人送我回家。<br />
我真的沒騙你，我通通都記得，還有照片爲證。</p>
<p class="five">地下鐵</p>
<p class="four">天使在地下鐵的入口，<br />
和我說再見的那一年，<br />
我漸漸看不見了。<br />
十五歲生日的那年秋天早晨，<br />
窗外下着毛毛雨，<br />
我喂好我的貓。<br />
六點零五分，<br />
我走進地下鐵。</p>
<p class="five">向左走向右走</p>
<br /><p class="four">They're both convinced<br />
that a sudden passion joined them.<br />
Such certainth is beautiful,<br />
but uncertainty is more beautiful still.</p>
</td>
</tr>
</table>
</body>
</html>