<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>实训七</title>
<style>
.p1 {
font-family: 微软雅黑;
}
* {
font-size: 20px;
}
h1 {
color: black;
}
ul {
color: green;
}
ol {
color: blue;
}
</style>
</head>
<body>
<h1>图书排行榜</h1>
<ul>
<li>三体</li>
<li>盗墓笔记</li>
<li>三生三世十里桃花</li>
</ul>
<h1>游戏排行榜</h1>
<ol>
<li>英雄联盟</li>
<li>DOTA</li>
<li>魔兽世界</li>
</ol>
</body>
</html>