設定Bootstrap 背景圖片有兩種方法:使用CSS 規則新增背景圖片:background-image: url(path/to/image.png);使用實用程式類別新增.bg-image,並在樣式表中定義規則,包括背景圖片路徑、大小和重複設定。
Bootstrap 背景圖片設定
在 Bootstrap 中,設定背景圖片非常簡單。以下介紹兩種方法:
方法1:使用CSS 規則
<code class="css">background-image: url(path/to/image.png);</code>
<code class="css">background-size: cover; background-repeat: no-repeat;</code>
#方法2:使用Bootstrap 實用程式類別
<code class="html"><div class="bg-image"></div></code>
<code class="css">.bg-image { background-image: url(path/to/image.png); background-size: cover; background-repeat: no-repeat; }</code>
注意:
以上是bootstrap背景圖片怎麼弄的詳細內容。更多資訊請關注PHP中文網其他相關文章!