Question

我刚开始写作，我正在做Dash对css的介绍。对于我正在制作的网站，我一直在努力改变背景图片的大小。图像不会改变大小或对齐。

固定。感谢。

<!DOCTYPE html>
<head>
    <title>#Name</title>
    <style>
        body {
            text-align: center;
            background-size: 80%;
            background-position: center;
            background: url("http://upload.wikimedia.org/wikipedia/commons/1/13/Apollo_17_The_Last_Moon_Shot_Edit1.jpg") #Image that I am having a problem with.
        }
        h1 {
            color: white;
        }
        p {
            color: white;
        }
    </style>
</head>
<body>
    <h1>#Name</h1>
    <p>#Description</p>
    <input type="email" placeholder="Your email here">
    <input type="submit">
</body>

Answer 1

background属性是设置一组设置的简写，第二个参数是图像网址。你可能想要background-image，它会起作用。请参阅this链接

Answer 2

将background更改为background-image。 background是一个短代码，可以中和之前放置的每个background样式。

Answer 3

为图片的高度声明自动，使用no-repeat并使用background-image

body {
background-image: url("http://upload.wikimedia.org/wikipedia/commons/1/13/Apollo_17_The_Last_Moon_Shot_Edit1.jpg");
background-repeat: no-repeat;
text-align:center;
background-size: 80%;
background-position:center;   
}

h1 {
color:white;
}

p {
color:white;
}

检查此DEMO

背景图像html / css没有改变

3 个答案: