用HTML写一首诗

最新推荐文章于 2025-04-30 15:58:09 发布

YW779574163

最新推荐文章于 2025-04-30 15:58:09 发布

阅读量9.7k

点赞数 2

分类专栏： html 文章标签： html 前端标签

本文链接：https://blog.csdn.net/YW779574163/article/details/70198545

版权

html 专栏收录该内容

2 篇文章

订阅专栏

这篇博客探索了如何使用HTML标签来创作独特的诗作，将技术与文学艺术巧妙结合，展现了HTML在表达创意上的潜力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当诗歌遇上HTML会擦出怎样的火花呢

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="诗歌">
<meta name="description" content="很符合现状的哲理小诗">

<title>诗歌</title>
<style type="text/css">
#wrapper {
	width: 1200px;
	background-color: #261718;
}
.tet{
	color: #E8B606;	
}

#wrapper #box {
	width: 180px;
	text-align: center;
	margin:0 auto;
	
}
h1 {
	background-image: url(image/u=648132297,961608322&fm=21&gp=0.jpg);
	background-position: 12% 0%;
}
</style>
</head>

<body>
<div id="wrapper">
  <div id="box">
    <h1 class="tet">路</h1>
    <h2 class="tet"><美>弗罗斯特</h2>
    <p class="tet">黄色的树林分出两条路</p>
    <p class="tet">可惜我不能同时去涉足</p>
    <p class="tet">我向着一条路极目望去</p>
    <p class="tet">直到它消失在丛林深处</p>
    <br/>
    <p class="tet">但我选择了另外一条路</p>
    <p class="tet">它荒草萋萋十分幽寂</p>
    <p class="tet">显得更诱人更美丽</p>
    <p class="tet">......</p>
    <br/>
    <p class="tet">也许多年后在某个地方</p>
    <p class="tet">我将轻声叹息将往事回忆</p>
    <p class="tet">一片树林分出两条路</p>
    <p class="tet">而我却选择了人迹更少的一条</p>
    <p class="tet">从此决定了我一生的道路</p>
  </div>
</div>

</body>
</html>