:::背景圖的位置:::
      

此項應用 CSS ( CASCADING STYLE SHEET ,樣式表) 的原理,定位背景圖的位置與相關的設定。【範例如本頁背景】

貼在 <head> 這裡</head>

url(  背景圖片 )

■ Background-repeat:repeat-y;

no-repeat 表示不重覆圖片,repeat-y 表示垂直重覆,repeat-x 表示水平重覆。若刪除此行(或不填或填no),背景圖就會重覆在整個頁面。

■  fixed 表示不隨著捲動移動圖片。

Background-position:right  → 當圖片重覆時,right 表示置於右邊,left 表示置於左邊,center 表示置於中間。

當圖片不重覆,只是單獨的一張圖,可用 Background-position: 20% 20% 來設定背景圖的位置,第一個 %數是水平位置,數目越大越右邊,第二個%數是垂直位置,數目越大越往下 。

 --隨意玩網--語法練習--
△TOP