HTML的相關內容
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>你是人間四月天</title>
<link rel="stylesheet" href="text.css">
<link rel="shortcut icon" type="image/x-icon" />
<link rel="mask-icon" type="" color="#111" />
</head>
<body>
<div id="beijing">
<div class="container">
<div class="jumbotron">
<div class="row">
<h1>你是人間四月天</h1>
<h2>林徽因</h2>
<div id="page">
<div id="zhengwen">
<p>我說你是人間的四月天；</p>
<p>笑響點亮了四面風；</p>
<p>輕靈在春的光艷中交舞著變。</p>
<p>你是四月早天里的云煙，</p>
<p>黃昏吹著風的軟，</p>
<p>星子在無意中閃，</p>
<p>細雨點灑在花前。</p>
<p>那輕，那娉婷，你是，</p>
<p>鮮妍百花的冠冕你戴著，</p>
<p>你是天真，莊嚴，</p>
<p>你是夜夜的月圓。</p>
<p>雪化后那片鵝黃，你像；</p>
<p>新鮮初放芽的綠，你是；</p>
<p>柔嫩喜悅，</p>
<p>水光浮動著你夢期待中白蓮。</p>
<p>你是一樹一樹的花開，</p>
<p>是燕在梁間呢喃，</p>
<p>——你是愛，是暖，是希望，</p>
<p>你是人間的四月天！</p>
</div>
<div id="mingyan">
<blockquote>
<p>答案很長，我準備用一生的時間來回答，你準備要聽了嗎？</p>
<footer><cite>——林徽因</cite></footer>
</blockquote>
</div>
<div id="suggest">
<label><input type="radio" name="suggest">???</label>
<label><input type="radio" name="suggest">??</label>
<label><input type="radio" name="suggest">?</label>
<button type="submit">提交</button>
</div>
<div id="lianjie">
<h3>想了解
<a rel="nofollow" rel="noreferrer"href="http://baike.baidu.com/link?url=oIUT9JKp0f6yTWPsOKpAcijBSxhwufnPstBJSJ4EoRkqkjWIQJd7d1WwVppi9TLczRCZGa5NTfa3VeYXkdYHK-tkIarL1IBL4qmGSjDAQaOU8pK1EdcTR8NSAidonitP" target="_blank">
更多
</a>
</h3>
<br />
<br />
</div>
</div>
</div>
</div>
</div>
<div id="yemei">
<footer class="text-center">
<hr>
<p>Written and coded by <a rel="nofollow" rel="noreferrer"href="http://www.lxweimin.com/users/b9cf8b2a47b3/timeline" target="_blank">Jinyufeng</a>.</p>
</footer>
</div>
</body>
CSS內容
body{
margin-top: 5px;
width: 100%;
height: 100%;
}
h1{
text-align: center;
font-family:"微軟雅黑","黑體","宋體";
font-weight: normal
}
h2{
text-align: center;
font-family:"微軟雅黑","黑體","宋體";
font-weight: normal
}
page{
text-align: center;
}
suggest{
text-align: center;
font-family: "sans-serif";
}
zhengwen{
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 19px;
color: #000000;
}
mingyan{
text-align: center;
font-family:"微軟雅黑","黑體","宋體";
font-size:21px;
}
lianjie{
text-align: center;
font-family:"微軟雅黑","黑體","宋體";
font-size:12px;
}
yemei{
text-align: center;
font-family:"微軟雅黑","黑體","宋體";
font-size:12px;
}
beijing{
background-color: #CCC;
}
