bootstrap怎麼加入背景圖片

bootstrap在網頁中加入圖片的方式有兩種：

一種是：透過標籤直接插入html中

另一種是：透過css背景屬性新增

推薦：bootstrap怎麼設定背景圖片自適應畫面大小

#居中方法:水平居中的text-align:center 和margin:0 auto

概述

#CSS2 中有5個主要的背景(background)屬性，它們是：

* background-color: 指定填滿背景的顏色。

* background-image: 引用圖片作為背景。

* background-position: 指定元素背景圖片的位置。

* background-repeat: 決定是否重複背景圖片。

* background-attachment: 決定背景圖是否隨頁面滾動。

多背景

新屬性：背景修剪(background-clip)

#新屬性：背景原點(background-origin)

新屬性： 背景尺寸(background-size)

新屬性：(background-break)

背景色(background-color)的改進

背景平鋪(background-repeat)的改進

背景附著(background-attachment)的改進 

新屬性：背景原點(background-origin)

這個屬性和background-position 結合起來使用。可以從邊框，內補白或內容盒子開始計算 background-position (類似 background-clip)。

* background-origin: border-box;
以邊框為原點開始計算background-position.
* background-origin: padding-box;
以內補白為原點開始計算background -position
* background-origin: content-box;
以內容盒子為原點開始計算background-position
對於background-clip 和background-origin 

#相關建議： bootstrap入門教學

#

以上是bootstrap怎麼加入背景圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！