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