老师 代码这样写正确吗?

来源: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;,哪种实现效果都是可以的。祝学习愉快~~

0

0 学习 · 36712 问题

查看课程