作者:
阿文
時(shí)間:
03-05-06
出處:
51photoshop如果我們希望在網(wǎng)頁的不同角落里放置不重復(fù)平鋪的背景圖,該怎么辦呢?
比如網(wǎng)頁的背景要如圖所示,并要求在不同的分辯率下該背景圖都顯示在右下角,想想看,有辦法嗎?
想將它做成一張大圖?!不行,不同的分辯率,圖的大小不同呀,你只能做一張背景。怎么辦呢???
別擔(dān)心,你只需要下面這個(gè)背景好了:
也許你會說,看起來不可以呀,才這么一張小圖,而且網(wǎng)頁背景都是平鋪的嘛!
別擔(dān)心,你忘記CSS了?在Dreamweaver中做起來其實(shí)一點(diǎn)不困難。首先建立一個(gè)新樣式,如圖:
在樣式中,選“Background”選項(xiàng),再在右邊進(jìn)行設(shè)置,本例首先在“Background Image”選項(xiàng)中輸入背景圖像的路徑,是剛才所切的小圖! 癛epeat”是問你是否重復(fù)的平鋪背景圖,這里是單張效果,當(dāng)然不希望平鋪,所示設(shè)置成“no-repeat”! 癆ttachment”選項(xiàng)是問你圖像位置是否固定,設(shè)置“Fixed”,表示固定! 癏orizontal”是水平位置,這里選“right”表示居右! 癡ertical”是垂直位置,這里選擇“bottom”,表示靠底。
這樣,定義好的這個(gè)樣式,不僅可以應(yīng)用到頁面的背景,甚至可以用到表格、單行格中去。大家用Dreamweaver來編輯一下,研究一下。
來自:天極網(wǎng)