如何使用Bulma更改网站背景?

6

我正在使用CSS框架Bulma.io。通常情况下,在没有框架的情况下,当编写以下代码时: body { background: black; } 背景会变成黑色。 但是当我使用Bulma.io时,只有书写文本后面的背景会变成黑色,其余部分仍然是白色。是否有人知道如何使整个网站像没有框架时一样变为黑色?

4个回答

6

你能提供一下你正在处理的示例吗?我以下的代码片段展示了如何改变背景颜色。除了设置背景颜色属性,我还将body高度设置为视图的完整高度。

body {
  background-color: black;
  height: 100vh;
}
<!DOCTYPE html>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.2/css/bulma.css" rel="stylesheet"/>
</head>
<body>
</body>
</html>


3
您可以使用背景色助手进行应用。
<body class="has-background-grey-lighter"></body>

3

2
如果您想更改整个页面的背景,您需要给html标签设置一个颜色类。
示例:
 <html lang="en" class="has-background-dark"></html>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接