IMWeb 前端小白 Day2 作业

最新推荐文章于 2024-06-13 10:31:50 发布

aaaaaaapple22

最新推荐文章于 2024-06-13 10:31:50 发布

阅读量248

点赞数

分类专栏： IMWeb 作业，1 文章标签： html 诗歌图片

本文链接：https://blog.csdn.net/aaaaaaapple22/article/details/70198920

版权

IMWeb 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

作业，1

1 篇文章 0 订阅

订阅专栏

Day2作业：

用HTML写一首诗并配上图片，需要满足诗的格式。可以结合学习的html知识对页面进行加工。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业1 小诗歌</title>
</head>
<style>
    .poet-bg{
        display: block;
        position: absolute;
        height: 300px;
        width: 600px;
        background: url("zuoye1-beijingtu.jpg") no-repeat;
        left: 50%;
        top: 50%;
        margin:-150px 0 0 -250px;
        text-align: center;

    }
    .poet{
        color: #08c;
    }
</style>
<body>
<div class="poet-bg">
    <div class="poet">
        <h3>木兰词·拟古决绝词柬友</h3>
        <p><a href="http://baike.baidu.com/link?url=k1jKw-0OVznDJgs_WOR4CA6Lbly0RoZt8OT4xM6vpPO5whrgOBqQXdo7o4gWIaFcQFzuE9yqE9NRl_9gdGc6r1XjO4KyoAKYETc_QUaqbx_Hd8VYaON2EMLxpff6ATgx" target="-_blank"> 纳兰性德</a></p>
        <p>人生若只如初见，何事秋风悲画扇。</p>
        <p>等闲变却故人心，却道故人心易变。</p>
        <p>骊山语罢清宵半，泪雨零铃终不怨。</p>
        <p>何如薄幸锦衣郎，比翼连枝当日愿。 </p>
    </div>
</div>

</body>
</html>

效果图如下：

效果图

aaaaaaapple22

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IMWeb 前端小白 Day2 作业

Day2作业：用HTML写一首诗并配上图片，需要满足诗的格式。可以结合学习的html知识对页面进行加工。代码如下：html>html lang="en">head> meta charset="UTF-8"> title>作业1 小诗歌title>head>style> .poet-bg{ display: block;
复制链接

扫一扫