我正在使用CSS框架Bulma.io。通常情况下,在没有框架的情况下,当编写以下代码时:
body {
background: black;
}
背景会变成黑色。
但是当我使用Bulma.io时,只有书写文本后面的背景会变成黑色,其余部分仍然是白色。是否有人知道如何使整个网站像没有框架时一样变为黑色?
我正在使用CSS框架Bulma.io。通常情况下,在没有框架的情况下,当编写以下代码时:
body {
background: black;
}
背景会变成黑色。
但是当我使用Bulma.io时,只有书写文本后面的背景会变成黑色,其余部分仍然是白色。是否有人知道如何使整个网站像没有框架时一样变为黑色?
你能提供一下你正在处理的示例吗?我以下的代码片段展示了如何改变背景颜色。除了设置背景颜色属性,我还将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>
您可以通过修改通用变量 [$body-background-color] 覆盖此变量来更改页面背景颜色,然后在导入Bulma之前。 现在有一个易于理解的说明可用 https://bulma.io/documentation/customize/variables/
<html lang="en" class="has-background-dark"></html>