代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>031-038</title>
<style>
.zhu{color: aqua;}
#iop{color: brown;}
*{padding: 0%;
margin: 0%;}
div p{color: blue;}
h1,h2,p{text-indent: 2em;}
</style>
</head>
<body>
<p><h1 class="zhu">关雎</h1></p>
<p id="iop">关关雎鸠,在河之洲。窈窕淑女,君子好逑。</p>
<p>参差荇菜,左右流之。窈窕淑女,寤寐求之。</p>
<p>求之不得,寤寐思服。悠哉悠哉,辗转反侧。</p>
<p>参差荇菜,左右采之。窈窕淑女,琴瑟友之。</p>
<p style="color: blue;">参差荇菜,左右芼之。窈窕淑女,钟鼓乐之。</p>
<hr>
<div>
<h1>凤衔杯·追悔当初孤深愿</h1>
<h2>柳永〔宋代〕</h2>
<p>追悔当初孤深愿。经年价、两成幽怨。任越水吴山,似屏如障堪游玩。奈独自、慵抬眼。
赏烟花,听弦管。图欢笑、转加肠断。更时展丹青,强拈书信频频看。又争似、亲相见。</p>
</div>
</body>
</html>