标签：css div
页面效果图：
代码部分：
<!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-image: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-image: 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>本文出自 “前端大师成长史” 博客，请务必保留此出处http://dingqifei.blog.51cto.com/4532395/1656656
标签：css div
原文地址：http://dingqifei.blog.51cto.com/4532395/1656656
