Web前端：古诗排版网页案例设计

编程知识行业动态更新时间:2024-06-13 00:22:24

题目要求

参考代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="huyiwei">
		<meta name="generator" content="HBuilder X"></meta>
		<title>古诗排版</title>
		<style>
			#p1{
				font-size: 150%;
			}
			#p2{
				font-size: 200%;
			}
			#p3{
				font-size: 250%;
			}
		</style>
	</head>
	<body align = "center"> 
		<h2>
			早发白帝城
		</h2>
		<h4>
			李白
		</h4>
		<p>
			<font face = "隶书"><b>朝辞白帝彩云间</b></font>
		</p>
		<p id="p1">
			<font face = "隶书"><b>千里江陵一日还</b></font>
		</p>
		<p id = "p2">
			<font face = "隶书"><b>两岸猿声啼不住</b></font>
		</p>
		<p id="p3">
			<font face = "隶书"><b>轻舟已过万重山</b></font>
		</p>
	</body>
</html>