html - 背景图片不显示

Question

我已经在其他 4 个 S.O. 上尝试了答案。问题，但我的形象仍然没有出现。我正在通过 Dash at General Assembly 学习编码.但是我正在使用 Sublime 3 构建这个元素。

body{

    background-image: url("Southern California Sunset.jpg");

我的 html 文件和图像保存在同一个文件夹中。

我在哪里获得背景图片:

Southern California Sunset.jpg

Answer 1

背景图片的 CSS 语法是正确的:

background-image: url("Southern California Sunset.jpg");

您可以将每个空格替换为 %20，这是等效的 HTML URL 编码。但在现代网络浏览器中，这可能不是必需的。您还可以使用不带空格的驼峰式大小写(即每个单词的首字母大写)或其他命名约定来消除空格。

只要语法正确并且文件在正确的位置，代码应该可以正常工作。

但是，您的代码中确实存在一个小的(不相关的)语法错误；这个:

<input type="email"; placeholder"Your email"/>

应该是:

<input type="email" placeholder"Your email" />

HTML 通常对语法错误相当宽容。不过，最好避免使用它们。