DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 禁止背景圖在網頁中平鋪
禁止背景圖在網頁中平鋪
編輯:Dreamweaver相關     
  如果我們希望在網頁的不同角落裡放置不重復平鋪的背景圖,該怎麼辦呢?
  比如網頁的背景要如圖所示,並要求在不同的分辯率下該背景圖都顯示在右下角,想想看,有辦法嗎?

  想將它做成一張大圖?!不行,不同的分辯率,圖的大小不同呀,你只能做一張背景。怎麼辦呢???
  別擔心,你只需要下面這個背景就好了:

  也許你會說,看起來不可以呀,才這麼一張小圖,而且網頁背景都是平鋪的嘛!
  別擔心,你忘記CSS了?在Dreamweaver中做起來其實一點不困難。首先建立一個新樣式,如圖:

  在樣式中,選“Background”選項,再在右邊進行設置,本例首先在“Background Image”選項中輸入背景圖像的路徑,就是剛才所切的小圖。
  “Repeat”是問你是否重復的平鋪背景圖,這裡是單張效果,當然不希望平鋪,所示設置成“no-repeat”。
  “Attachment”選項是問你圖像位置是否固定,設置“Fixed”,表示固定。
  “Horizontal”是水平位置,這裡選“right”表示居右。
  “Vertical”是垂直位置,這裡選擇“bottom”,表示靠底。

  這樣,定義好的這個樣式,不僅可以應用到頁面的背景,甚至可以用到表格、單行格中去。大家用Dreamweaver來編輯一下,研究一下。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved