三行情诗

最新推荐文章于 2021-02-26 05:44:02 发布

JudyLliu

最新推荐文章于 2021-02-26 05:44:02 发布

阅读量1.9k

点赞数

分类专栏： html基础应用

本文链接：https://blog.csdn.net/JudyLliu/article/details/70243987

版权

html基础应用专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>三行情诗</title>
        <style type="text/css">
            #main{
                border:5px solid black;
                width:600px;
                height:300px;
                line-height:30px ;
                position: absolute;
                top:30%;
                left:35%;

            }
            #content {
                position: absolute;
                top:35%;
                left:50%;
            }
            #picture img{
                width:340px;
                height:220px;
                float:left;
            }

        </style>
    </head>
    <body>
        <div id="main">
             <div id="picture">
                 <img src="http://img1.niutuku.com/200912/07154901016e70f51c4524.jpg">
             </div>
             <div id="content">
                 <p>
                     爱你，</br>
                     从日出到日落</br>
                     从花季到暮年</br>
                 </p>
            </div>
        </div>
    </body>
</html>