close

  背景語法


/* 語法開始 */

   body{ /* body 是可以依照需要作改變的,下面的內容才是重要的! */

   background-image:url(圖片位址);     /* 圖片連結位置 */
   background-attachment:fixed;            /* 圖片位置是否要固定 */
   background-repeat:no-repeat;             /* 圖片是否要重複顯示 */
   background-position:right;                 /* 圖片對齊格式 */
   width:400px;                                      /* 文字區塊的寬度 */                     }

  1. textarea(文字區塊):這個部分稱作CSS樣式定義類別,一般來說可以自己定義名稱,但是由於這裡我們是要定義HTML語法的標籤,所以是不能更改的!必須使用textarea。當然如果要定義

    ,就改為h1!

    (★注意: 不用"")

  2. background-image(背景影像):看你的圖片位址在何處就怎麼寫!只要填在url()的()裡面即可!

  3. background-attachment(背景附著):在這裡你可以決定背景圖片的位置。
    屬性有:scroll:隨著捲軸捲動 inherit:繼承之前的設定 fixed:固定不動

  4. background-repeat(背景重複):看看背景圖片是不是要重複顯示。
    屬性有:repeat:重複顯示 no-repeat:不重複顯示 repeat-x:只在X軸重複顯示 repeat-y:只在Y軸重複顯示

  5. background-position(背景位置):決定背景要置中、靠左、靠右的設定。
    屬性有:left:靠左對齊 center:置中對齊 right:靠右對齊 top:向上對齊 bottom:向下對齊 inherit:傳統繼承(預設)

  6. width(寬):文字區塊的寬度 (可以不設定,系統會自動設定大小)

  7. height(高):文字區塊的高度 (可以不設定,系統會自動設定大小)



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Tina 的頭像
    Tina

    豌豆匣。羽翼想

    Tina 發表在 痞客邦 留言(0) 人氣()