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

最新推荐文章于 2024-06-10 22:59:51 发布

零小唬

最新推荐文章于 2024-06-10 22:59:51 发布

阅读量4.2k

点赞数 5

分类专栏：前端基础文章标签：前端

本文链接：https://blog.csdn.net/weixin_55804957/article/details/127144399

版权

前端基础专栏收录该内容

110 篇文章

订阅专栏

题目要求

在这里插入图片描述
参考代码

<!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>