掛在網路上。葵

關於部落格
說是喜怒哀樂 也不為過
  • 17179

    累積人氣

  • 1

    今日人氣

    0

    訂閱人氣

CSS 背景語法

背景色彩 background-color  除了英文 也可以用色碼 例如 #000、#000000

body{background-color: red;}    整個網頁 
background-color: red;                指定某區塊的背景     

 

背景圖片  background-image  

body{background-images: url(網址);}    整個網頁                      
background-images: url(網址);                指定某區塊的背景      

 

浮水印   background-attachment   用來固定背景不會因為有捲軸而移動。

background-attachment : scroll;   不使用浮水印    
background-attachment : fixed ;   使用浮水印

 

背景圖片是否重複  background-repeat

background-repeat: repeat;          填滿整個背景
background-repeat: no-repeat;    只出現一張圖但不並列顯示
background-repeat: repeat-x;      並列水平的一排背景圖 (沒設定是最上方一排)
background-repeat: repeat-y;      並列垂直的一排背景圖 (沒設定是靠左邊垂直一排)

背景圖片的位置  background-position
可以用英文表示,top、bottom、left、right分別代表上下左右,center則是置中。
也可以用X軸(從左到右算)Y軸(從上到下算) 來自訂圖片位置。

background-position: right top;           圖片在網頁的右上
background-position: left    top;           圖片在網頁的左上
background-position: right bottom ;   圖片在網頁的右下
background-position: left    bottom ;   圖片在網頁的左下
background-position: center;               圖片在網頁的中央
background-position: 90% 90%;          x軸y軸

 

不要背景圖  none

body{background-images: none;}     網頁不要背景               
background-images: none;                 指定某區塊不要背景   

這樣就可以讓你的圖片在網頁上到處玩耍囉 ^_^

 


 

 

練習題  妳看得懂下面是什麼意思嘛 ^_^

body{
background-color: #FFFFFF;
background-images: url(網址);   
background-attachment : fixed;
background-position: left top;
background-repeat: no-repeat;
}

相簿設定
標籤設定
相簿狀態