Question

所以我使用的是CSS框架Bulma.io。通常，没有它，在做的时候 body { background: black; } 背景变黑。但是当我使用Bulma.io时，只有书面文字背后的背景变黑，网站的其余部分保持白色。那么有人知道如何让整个网站变得像通常没有框架那样变黑吗？

Answer 1

您能提供一个与您合作的例子吗？我的下面的代码段显示了如何更改背景颜色。除了设置background-color属性之外，我还将身高设置为视图的完整高度。

＆＃13;

body {
  background-color: black;
  height: 100vh;
}

＆＃13;

<!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>

＆＃13;

Answer 2

您可以通过在导入布尔玛之前通过泛型变量[$ body-background-color]覆盖主体变量来修改主体背景色。一个简单的

说明现已可用https://bulma.io/documentation/customize/variables/

Answer 3

您可以应用background helper

<body class="has-background-grey-lighter"></body>

Answer 4

如果要改变整个页面的背景，需要给html标签一个颜色类。

示例：

 <html lang="en" class="has-background-dark"></html>

如何使用Bulma更改网站的背景？

4 个答案: