2-6背景图片练习,老师麻烦看下是否正确

<!DOCTYPE html>

<html>

<head>

<style>

/*此处写代码*/

div{background-image: url(http://img1.sycdn.imooc.com/climg//58dc9d360001d65806500650.jpg);

width:600px;

height:600px;

display:table-cell;

}

div{text-align:center;

vertical-align:middle;

}

</style>

</head>

<body>

<div>

《长歌行》

<br>

<br>青青园中葵，朝露待日晞。

<br>阳春布德泽，万物生光辉。

<br>常恐秋节至，焜黄华叶衰。

<br>百川东到海，何时复西归。

<br>少壮不努力，老大徒伤悲。

<br>

</div>

</body>

</html>

qq_爱我所爱_9 2018-09-15

源自：CSS背景和列表 2-6 编程练习

收起

2回答

好帮手慕星星 2018-09-16 09:29:21

经测试代码效果是正确的呢，棒棒哒！继续加油~~

收起回答

提问者 qq_爱我所爱_9 2018-09-15 10:12:41

上面的div 样式应该写到一起,刚刚写错了

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>背景</title>
    <style>
     /*此处写代码*/
     div{background-image: url(http://img1.sycdn.imooc.com/climg//58dc9d360001d65806500650.jpg);
         width:600px;
         height:600px;
         display:table-cell;
         text-align:center;
         vertical-align:middle;
     }
    </style>
</head>
<body>
    <div>
        《长歌行》
        <br>
        <br>青青园中葵，朝露待日晞。
        <br>阳春布德泽，万物生光辉。
        <br>常恐秋节至，焜黄华叶衰。
        <br>百川东到海，何时复西归。
        <br>少壮不努力，老大徒伤悲。
        <br>
    </div>
</body>
</html>

收起回答