Bootstrap 设置背景颜色的方法有:内联方式:通过 style 属性直接设置CSS 类:创建类并应用到元素Bootstrap 实用程序类:使用指定的颜色类自定义 CSS 变量:使用变量并通过 -- 访问背景渐变:使用 background-image 属性创建渐变背景图片:使用 background-image 属性设置图片

Bootstrap 设置背景颜色的方法
1. 内联方式
使用 style 属性直接在元素中设置背景颜色:
内容
2. CSS 类
创建具有所需背景颜色的 CSS 类,然后应用到元素:
.my-background {
background-color: #ffffff;
}内容
3. Bootstrap 实用程序类
Bootstrap 提供了一系列实用程序类来设置背景颜色,每个类对应一种颜色:
.bg-primary.bg-secondary.bg-success.bg-danger.bg-warning.bg-info.bg-light.bg-dark
内容
4. 自定义 CSS 变量
使用 CSS 变量定义背景颜色,并通过 -- 访问变量:
:root {
--my-background-color: #ffffff;
}内容
5. 背景渐变
使用 background-image 属性创建背景渐变:
.my-gradient {
background-image: linear-gradient(to right, #ffffff, #000000);
}内容
6. 背景图片
使用 background-image 属性设置背景图片:
.my-image {
background-image: url("image.jpg");
}内容










