<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.A {
color: rgb(87, 197, 111);
font-size: 1oopx;
}
.hy {
color: rgb(197, 87, 160);
font-size: 20px;
}
.B {
color: rgb(149, 197, 87);
font-size: 40px;
}
.zy {
color: rgb(87, 197, 182);
font-size: 20px;
}
.C {
color: rgb(22, 36, 41);
font-size: 40px;
}
.xy {
color: rgb(51, 30, 148);
font-size: 25px;
}
.k {
color: rgb(197, 87, 160);
font-size: 30px;
}
.D {
color: rgb(161, 21, 21);
font-size: 50px;
}
.cy {
color: rgb(165, 19, 116);
font-size: 30px;
}
.E {
color: rgb(22, 150, 209);
font-size: 40px;
}
.vy {
color: rgb(189, 79, 16);
font-size: 20px;
}
.F {
color: rgb(60, 151, 23);
font-size: 35px;
}
.by {
color: rgb(141, 123, 19);
font-size: 20px;
}
.G {
color: rgb(73, 107, 45);
font-size: 30px;
}
.ny {
color: rgb(177, 28, 177);
font-size: 60px;
}
.S {
color: rgb(35, 32, 228);
font-size: 35px;
}
.H {
color: rgb(247, 11, 50);
font-size: 35px;
}
.my {
color: rgb(90, 29, 139);
font-size: 25px;
}
.I {
color: rgb(48, 127, 141);
font-size: 60px;
}
.yy {
color: rgb(214, 15, 148);
font-size: 35px;
}
body {
background-image: url("TP.png");
}
</style>
</head>
<body>
<div align="center">
<h1 class="A">沁园春·长沙 <text class="hy">[毛泽东]</text></h1>
<p class="B">独立寒秋, <text class="zy">湘江北去, </text>橘子洲头。</p>
<p class="C">看万山红遍, <text class="xy">层林尽染; </text ><text class="k">漫江碧透, </text>百舸争流。</p>
<p class="D">鹰击长空, <text class="cy">鱼翔浅底, </text>万类霜天竞自由。</p>
<p class="E">怅寥廓, <text class="vy">问苍茫大地, </text>谁主沉浮?</p>
<p class="F">携来百侣曾游, <text class="by">忆往昔峥嵘岁月稠。</text></p>
<p class="G">恰同学少年, <text class="ny">风华正茂; </text><text class="S">书生意气, </text>挥斥方遒。</p>
<p class="H">指点江山, <text class="my">激扬文字, </text>粪土当年万户侯。</p>
<p class="I">曾记否, <text class="yy">到中流击水, </text>浪遏飞舟?</p>
</div>
</body>
</html>