中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css如何在頁面上對背景圖像進行平鋪

發布時間:2022-03-03 11:16:00 來源:億速云 閱讀:237 作者:小新 欄目:web開發

這篇文章主要為大家展示了“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如何在頁面上對背景圖像進行平鋪”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

鄂托克前旗| 绩溪县| 嘉祥县| 海安县| 昭觉县| 边坝县| 咸丰县| 白城市| 涞源县| 祥云县| 平湖市| 无极县| 衡阳县| 红桥区| 上饶市| 邮箱| 赣州市| 伊宁县| 横峰县| 平安县| 蕲春县| 郎溪县| 霍城县| 格尔木市| 昌邑市| 桓台县| 阳新县| 枣阳市| 桑日县| 沙坪坝区| 庆阳市| 大关县| 双柏县| 营山县| 望江县| 嘉祥县| 涞水县| 开远市| 平南县| 平乡县| 德兴市|