css背景樣式

caoruipeng發表於2024-03-21
CSS

background-image: url(../a.jpg); 設定背景圖片url

background-repeat 設定顯示方式 repeat-x水平方向平鋪 repeat-y垂直方向平鋪 repeat:水平和垂直方向平鋪 round：自動縮放鋪滿整個容器 space:背景等比例縮放鋪滿整個背景，可能會有空缺

background-position 設定背景的 顯示位置，可以透過center left top right來控制相對位置。也可以使用百分比控制位置

background-attachment 設定固定背景 fixed相對於瀏覽器固定，scroll相對於元素本身行動，也是預設值。

background-origin 裝置背景的定位方式 預設從內容區域開始 也可以從邊框區域開始 也可以從補白區域開始

background-size 設定背景圖片大小 cover，contain 縮放

background: linear-gradient(#fff,#333); 定義線性漸變背景色

相關文章