我們學習了關於背景圖片的知識點,那麼我們根據所學的知識完成下面的效果,一起來動手做一做吧!
圖片地址: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>