老师 代码这样写正确吗?
来源:2-6 编程练习
XIA圈
2018-04-10 15:58:07
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景</title>
<style>
/*此处写代码*/
div{text-align:center;
width:500px;
height:1000px;
padding-top:250px;
background-image:url(http://climg.mukewang.com/58dc9d360001d65806500650.jpg);
}
</style>
</head>
<body>
<div>
《长歌行》
<br>
<br>青青园中葵,朝露待日晞。
<br>阳春布德泽,万物生光辉。
<br>常恐秋节至,焜黄华叶衰。
<br>百川东到海,何时复西归。
<br>少壮不努力,老大徒伤悲。
<br>
</div>
1回答
好帮手慕星星
2018-04-10
测试了你的代码,div的高度设置的有点大了,导致背景图片重复显示,建议设置400px,因为图片本身的宽高为650px,你设置的padding-top为250px,所以设置div高度为400px就可以了。这样写也是可以的,或者是使用table-cell的样式,设置vertical-align:middle;,哪种实现效果都是可以的。祝学习愉快~~
相似问题