html - 从样式表和 html 自定义背景

标签 html css background styling

我想在 css 样式表中设置我的背景样式,但想在 html 文件中选择背景图像。虽然整个网站的风格都相同,但每个页面上的图像需要不同。

代码示例:

==== CSS ====

body {
backgound-position: center;
background-repeat: no-repeat;
background-size:1200px 800px;
background-position-x: center;
background-position-y: 50px;
}

==== HTML ====
<html> <head> <link href="../css/custom.css" rel="stylesheet"> </head> <body style="background:url('../img/Car.jpg');"> </body> </html>

这似乎行不通。 CSS 中的样式被忽略。请注意路径是正确的,因为所有其他元素都有效...

此外,我正在使用 Bootstrap 模板。

请帮忙!

谢谢 D.

最佳答案

您编写 background:url('../img/Car.jpg'); 仅使用 background: 将设置每个背景属性。只需将 background:url(); 更改为 background-image:url(); :)

关于html - 从样式表和 html 自定义背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36093182/

相关文章:

html - 创建跨浏览器的背景渐变

html - CSS 粘性页脚 - 内容样式问题

css - 使用 CSS 动画行文本

javascript - 如何在 CSS 中设置默认颜色?

javascript - 如何知道文本区域光标是否到达字段的最后?

CSS:使响应式导航栏中的背景图像链接具有响应性和缩放性

html - 在 CSS 中为背景图像添加边距

css - cookies 图案喜欢

html - 设置内联 block 元素的宽度,CSS

html - 如何通过css在<i>标签中设置文本正常