首頁 > web前端 > Bootstrap教程 > bootstrap怎麼加入背景圖片

bootstrap怎麼加入背景圖片

發布: 2019-07-27 14:13:50
原創
17338 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板