四、 美化篇。美化各種網(wǎng)頁元素是一件既耗時又不一定出效果的工作,下面我介紹的幾個技巧也許能幫你一點忙。 1、快速創(chuàng)建配色方案。我們經(jīng)常需要設(shè)定鏈接各個狀態(tài)的文字顏色,有些朋友感覺自己的色彩感不太好,總?cè)ふ乙恍┡渖謨。其實Dreamweaver本身已經(jīng)帶了一些配色方案,打開Commands—Set Color Scheme命令,我們可以看到有許多成套的配色方案,每個都定義了背景色、文字色、鏈接各個狀態(tài)的顏色,你只需選擇一種即可,見下圖: 2、CSS鏈接樣式技巧。文字鏈接一般有四個狀態(tài),link、hover、active、visited,我們通常都會對文字鏈接的各個狀態(tài)定義不同的色彩和樣式,但經(jīng)常有朋友發(fā)現(xiàn)自己定義的樣式在瀏覽時并未像設(shè)想的那樣。主要原因是在樣式表中對鏈接的定義順序有一定的要求,正確的順序是:A:link—A:visited—A:hover。對一般的朋友來說,其實很多時候只是想Hover狀態(tài)有變化,有個小技巧就是不按上面的方法定義鏈接樣式,而只需定義a和a:hover狀態(tài)的樣式即可,這樣只有hover狀態(tài)的樣式與其他狀態(tài)的不同。修改方法如下圖; 3、創(chuàng)建不同色彩的連接文字與下劃線。普通的鏈接文字與鏈接下劃線都是相同的色彩,其實我們也可以利用樣式表中的Border屬性來替代普通鏈接的劃線,由于Border有更多的控制參數(shù)和樣式,因此只要將Border的色彩和文字的色彩定義的不同即可實現(xiàn)我們的目的。例如我們可以將文字定義為黑色,而在Border選項中定義下劃線為紅色,如下圖;
出處:藍色理想
責任編輯:無意
上一頁 內(nèi)容階段 下一頁 提高效率
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|