Bootstrap 設定背景顏色的方法有：內聯方式：透過style 屬性直接設定CSS 類別：建立類別並應用到元素Bootstrap 實用程式類別：使用指定的顏色類別自訂CSS 變數：使用變數並透過-- 存取背景漸層：使用background-image 屬性建立漸層背景圖片：使用background-image 屬性設定圖片
Bootstrap 設定背景顏色的方法
1. 內聯方式
使用style 屬性直接在元素中設定背景顏色：
<code class="html"><div style="background-color: #ffffff;">内容</div></code>
2. CSS 類別
建立具有所需背景顏色的CSS 類，然後套用到元素：
<code class="css">.my-background {
background-color: #ffffff;
}</code><code class="html"><div class="my-background">内容</div></code>
3. Bootstrap 實用程式類別
Bootstrap 提供了一系列實用程式類別來設定背景顏色，每個類別對應一種顏色：
.bg-primary.bg-secondary.bg-success.bg-danger
##.bg-warning
.bg-info
.bg-light
.bg-dark
<code class="html"><div class="bg-primary">内容</div></code>
<code class="css">:root {
--my-background-color: #ffffff;
}</code><code class="html"><div style="background-color: var(--my-background-color);">内容</div></code>
<code class="css">.my-gradient {
background-image: linear-gradient(to right, #ffffff, #000000);
}</code><code class="html"><div class="my-gradient">内容</div></code>
<code class="css">.my-image {
background-image: url("image.jpg");
}</code><code class="html"><div class="my-image">内容</div></code>
以上是bootstrap怎麼設定背景顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！
