溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“css如何在頁面上對背景圖像進行平鋪”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css如何在頁面上對背景圖像進行平鋪”這篇文章吧。
若是緊要在頁面上對靠山圖像進行平鋪，可運用 background-repeat 屬性。
屬性值 repeat 招致圖像在水準垂直方向上都平鋪，就像以往布景圖象的通常做法異樣。repeat-x 與 repeat-y 劃分招致圖象只在水平或垂直標的目的上幾回再三，no-repeat 則不容許圖像退職何標的目的上平鋪。
默許地，背景圖象將從一個元素的左上角初階。請看上面的例子：
body
{
bac千克round-image: url(/i/eg_bg_03.gif);
bac公斤round-repeat: repeat-y;
}如需搜檢上例的功效，或是切身試一試。
也許操作 background-position 屬性扭轉圖像在后援中的地位。
上面的例子在 body 元素中將一個背景圖象居中放置：
body
{
background-image:url('/i/eg_bg_03.gif');
bac千克round-repeat:no-repeat;
background-position:center;
}為 bac千克round-position 屬性供應值有良多門徑。首先，可運用一些樞紐字：top、bottom、left、right 與 center。一般，這些要害字會成對呈現，無非也不總是何等。還梗概應用長度值，如 100px 或 5cm，末端也或許應用百分數值。一致類型的值對付后盾圖象的布置稍有差異。
圖象放置樞紐字最簡單了解，其勸化如其俗稱所解釋的。譬如，top right 使圖像放置在元素內邊距區的右上角。
按照尺度，位子樞紐字可以或許按任何法度涌現，只要擔保不超過兩個樞紐字 - 一個對應水準左袒，另一個對應垂直左袒。
如果只出現一個癥結字，則認為另一個關頭字是 center。
以上是“css如何在頁面上對背景圖像進行平鋪”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
