background 用法 屬性

2021-05-24 12:12:47 字數 1390 閱讀 7979

背景 background

css

說明 background-color:#色碼; 背景色彩

exp:

background-image:url(背景圖案.jpg,gif,bmp);

background-color:#ffffff;

background-color : transparent; <--設定背景為透明色

background-repeat 改變背景的重複併排的設定

css

說明 repeat 背景併排

repeat-x 背景以x方向 併排

repeat-y 背景以y方向 併排

no-repeat 背景不 以併排的方式處理

exp:

background-repeat:no-repeat;

background-attachment是否固定位置

css

說明 scroll 拉動卷軸時,背景會跟著移動(預設值)

fixed 拉動卷軸時,背景不會跟著移動

exp:

background-repeat:no-repeat;

background-attachment:fixed;

以長度定位background-position: x y

使用百分比定位 background-position: x% y%

css

說明 x% 往右移

y% 往下移

backgroud-position: 0% 0%; 左邊上方

backgroud-position: 0% 50%; 左邊中間

backgroud-position: 50% 0%; 中間上方

backgroud-position: 50% 50%; 正中間

backgroud-position:100% 0%; 右邊上方

backgroud-position: 0% 100%; 左邊下方

backgroud-position: 100% 50%; 右邊中間

backgroud-position: 50% 100%; 中間下方

backgroud-position: 100% 100%; 右邊下方

以關鍵字定位

關鍵字

說明 top 上 ( y = 0 )

center 中 ( x = 50, y = 50 )

bottom 下 ( y = 100 )

left 左 ( x= 0 )

exp:

background-position:center;

在指定背景**x=50% y=50%位置

background-position: 200px 30px

UIScrollView的用法,屬性

uiscrollview是用來在螢幕上顯示那些在有限區域內放不下的內容。例如,在手機螢幕上顯示內容豐富的網頁或者很大的。在這種情況下,需要使用者對螢幕內容進行拖動或縮放來檢視螢幕或視窗區域外的內容。所以,scrollview應該首先有乙個視窗,用來顯示內容,其次,還要有內容本身。這裡的這個顯示視窗就...

CSS3 background新增屬性用法

1.background屬性列表 background color background position background size background repeat background origin background clip background attachment backgr...

background簡寫屬性

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