console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>渐变</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
body{
width: 1455px;
height: 755px;
background-image: linear-gradient(30deg,#df4556,#897689);
text-align: center;
}
.first{
font-weight: bold;
font-size: 20px;
color: black;
}
.second{
font-size: 15px;
color:black;
}
.third{
font-size: 18px;
color:black;
}
</style>
</head>
<body>
<p class="first">陋室铭</p>
<p class="second">作者：刘禹锡</p>
<p class="third">山不在高，有仙则名。水不在深，有龙则灵。斯是陋室，惟吾德馨。苔痕上阶绿，草色入帘青。谈笑有鸿儒，往来无白丁。可以调素琴，阅金经。无丝竹之乱耳，无案牍之劳形。南阳诸葛庐，西蜀子云亭。孔子云：“何陋之有？”</p>
</body>
</html>