用HTML写一首诗并配上图片，需要满足诗的格式

最新推荐文章于 2024-04-23 02:00:49 发布

叫我姜同学

最新推荐文章于 2024-04-23 02:00:49 发布

阅读量7.8k

点赞数 5

分类专栏： IM Web训练营文章标签： html

本文为 @叫我姜同学原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/jiangcheng2016/article/details/70215788

版权

IM Web训练营专栏收录该内容

5 篇文章 0 订阅

订阅专栏

用HTML写一首诗并配上图片，需要满足诗的格式

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="keywords" content="咏柳"/>
<meta name="descrption" content="描写柳树的姿态">
<title>Day 2 test1</title>
<style type="text/css">
body{
margin:0;
padding:0;
background:#5882FA;
}
#photo{
position: absolute;
background:url(http://img.blog.csdn.NET/20170416223327166) no-repeat;
width: 400px;
height: 300px;
left: 50%;
right: 50%;
margin:180px 0 0 -200px ;
text-align: center;


}
.poet{
font-family: "微软雅黑";


}
</style>


</head>
<body>
<div id="photo">
<div class="poet">
<h2>咏柳</h2>
<h3>唐 贺知章</h3>
<p>碧玉妆成一树高，</p>
<p>万条垂下绿丝绦。<p>
<p>不知细叶谁裁出，<p>
<p>二月春风似剪刀。<p>
</div>
</div>
</body>
</html>