Dreamweaver中如何改變鏈接字體的顏色?
Dreamweaver中(zhong)改(gai)變鏈接(jie)字體的顏色(se)其實(shi)很簡單,無論是瀏覽模式下(xia)還是代碼(ma)模式下(xia)均可以(yi)操作:
方法(fa)一(yi)(最(zui)簡單的方法(fa)):按(an)Ctr+J鍵,打開頁面屬(shu)性設(she)置(zhi)對話框,直接(jie)改變Links、Visited Links和Active Links的顏色(se)值。但該法(fa)不能設(she)置(zhi)鼠標懸停色(se)和下劃(hua)線變化(hua)。
方法二:利用CSS設置。按(an)Shift+F11鍵(jian)打開CSS Style浮動面板,點(dian)擊其下部(bu)的“+”號,建立新樣式(shi)。在(zai)彈出對(dui)話(hua)框(kuang)的中(zhong)部(bu),選(xuan)擇Use CSS Selector,在(zai)上部(bu)的下拉框(kuang)selector中(zhong),分別(bie)選(xuan)擇a:link(超(chao)鏈(lian)本(ben)身樣式(shi))、a:hover(超(chao)鏈(lian)鼠(shu)標(biao)懸(xuan)停樣式(shi))、a:active(正激活的超(chao)鏈(lian)樣式(shi))和a:visited(已訪問鏈(lian)接樣式(shi)),在(zai)分別(bie)彈出的對(dui)話(hua)框(kuang)中(zhong)可隨意(yi)設置不(bu)同(tong)狀態下的顏(yan)色、字體、是否(fou)下劃線等。
當然,你(ni)也(ye)可直接(jie)在< head>< /head>之間直接(jie)加入以(yi)下代(dai)碼:
< style type="text/css">
a:link {}
a:active {}
a:visited {}
a:hover {}
< /style>
其中{}內為設置(zhi)的具體參數(shu)。
例如:a:hover {font-size: 9px; color: #FFFFFF; text-decoration: underline}就(jiu)表示(shi):當鼠標懸停在鏈(lian)接上,鏈(lian)接的(de)字體為9磅字,顏色為白色,有下劃線。
