宋词欣赏 - 品味经典，感受千年诗情画意 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>宋词欣赏 -  品味经典，感受千年诗情画意</title>
	<style>
		body {
			background-image: url('bg.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		header {
			background-color: rgba(255, 255, 255, 0.7);
			padding: 20px;
			text-align: center;
		}
		h1 {
			font-family: '宋体', sans-serif;
			font-size: 48px;
			margin: 0;
		}
		nav {
			background-color: rgba(255, 255, 255, 0.7);
			padding: 10px;
			text-align: right;
		}
		nav a {
			color: #333;
			font-family: '宋体', sans-serif;
			font-size: 24px;
			margin-left: 20px;
			text-decoration: none;
		}
		nav a:hover {
			color: #666;
		}
		main {
			background-color: rgba(255, 255, 255, 0.7);
			padding: 20px;
		}
		section {
			margin-bottom: 20px;
		}
		h2 {
			font-family: '宋体', sans-serif;
			font-size: 36px;
			margin: 0 0 20px;
		}
		p {
			font-family: '宋体', sans-serif;
			font-size: 24px;
			line-height: 1.5;
			margin: 0 0 10px;
		}
		video {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}
		footer {
			background-color: rgba(255, 255, 255, 0.7);
			padding: 10px;
			text-align: center;
		}
		footer p {
			color: #333;
			font-family: '宋体', sans-serif;
			font-size: 18px;
			margin: 0;
		}
	</style>
</head>
<body>
	<header>
		<h1>宋词欣赏</h1>
	</header>
	<nav>
		<a href='#'>首页</a>
		<a href='#'>分类</a>
		<a href='#'>关于</a>
		<a href='#'>联系我们</a>
	</nav>
	<main>
		<section>
			<h2>《浣溪沙》</h2>
			<p>红楼梦里的这首词，可谓是情感最为深刻，意境最为优美的一首。这首词表现了黛玉对宝玉的爱恋、眷恋和悲伤。她用自己的心血浇灌宝玉的花，却换来了宝玉的冷漠和背叛，让她痛苦不已。</p>
			<video src='hxsw.mp4' controls></video>
		</section>
		<section>
			<h2>《青玉案·元夕》</h2>
			<p>辛弃疾的这首词，是一首流传广泛的爱情词。它以元夕为背景，描绘了一对情侣相思相望、隔着千里的情感。词中情节跌宕起伏，引人入胜，旋律悠扬，令人陶醉。</p>
			<video src='yx.mp4' controls></video>
		</section>
	</main>
	<footer>
		<p>版权所有 © 2021 宋词欣赏</p>
	</footer>
</body>
</html>