background 屬性及遇到的問題

2022-03-08 18:38:21 字數 815 閱讀 3323

所有屬性值說明

cssbackground-color

指定要使用的背景顏色

1background-position

指定背景影象的位置

1background-size

指定背景的大小

3background-repeat

指定如何重複背景影象

1background-origin

指定背景影象的定位區域

3background-clip

指定背景影象的繪畫區域

3background-attachment

設定背景影象是否固定或者隨著頁面的其餘部分滾動。

1background-image

指定要使用的乙個或多個背景影象

1綜合屬性

// 綜合屬性

body

//對應屬性

body

// 其他屬性使用舉例

background-origin:

注釋:如果背景影象的 background-attachment 屬性為 "fixed",則該屬性沒有效果。background-origin 屬性規定 background-position 屬性相對於什麼位置來定位。

設定background有白色邊框

因為沒有給img標籤這是src,所以瀏覽器當做沒有處理,給加上了白色邊框,解決方法有兩個: 

1.新增乙個空白圖,或者設定 src="#"(#可以是任何值,代表乙個空鏈結); 

2.不用img標籤,用span、div等等

background簡寫屬性

在css中有多個屬性用於設定背景樣式,其中 background color 設定背景顏色。background repeat 設定是否以及如何重複背景影象 background position 設定背景影象的起始位置 background attachment 設定背景影象是否固定或者隨著頁面的...

background相關屬性

background origin 規定 background position 屬性相對於容器的哪一部分來定位。padding box 背景影象相對於內邊距框來定位 預設 border box背景影象相對於邊框盒來定位 content box背景影象相對於內容框來定位。background pos...

背景(background)屬性

background 背景屬性 background attachment 背景影象是否固定或者隨著頁面的其餘部分滾動background color 設定背景顏色 color 指定背景顏色 transparent 預設。背景顏色透明 inherit 從父元素繼承 url 影象路徑 none 預設。...