我们学习了关于背景图片的知识点,那么我们根据所学的知识完成下面的效果,一起来动手做一做吧!
图片地址:http://climg.mukewang.com/58dc9d360001d65806500650.jpg
任务
(1)为诗添加背景图片
(2)文字设置水平居中显示
参考代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景</title>
<style>
div {
width: 650px;
height: 350px;
padding-top: 300px;
text-align: center;
background-image: url(http://climg.mukewang.com/58dc9d360001d65806500650.jpg);
}
</style>
</head>
<body>
<div>
《长歌行》
<br>
<br>青青园中葵,朝露待日晞。
<br>阳春布德泽,万物生光辉。
<br>常恐秋节至,焜黄华叶衰。
<br>百川东到海,何时复西归。
<br>少壮不努力,老大徒伤悲。
<br>
</div>
</body>
</html>