Dreamweaver網(wǎng)頁制作超級技巧36則(7)_Dreamweaver教程
有些網(wǎng)頁的鏈接,原先沒有下劃線,你把鼠標指向鏈接處,才會出現(xiàn)下劃線,鼠標移掉下劃線就又沒有了。這種效果其實可以用層疊樣式表(CSS)來實現(xiàn),在Dreamweaver中編輯層疊樣式表不用編寫代碼,具體操作方法如下:
�。�1)在快速啟動欄中點擊層疊樣式表按鈕(就是把鼠標放上去顯示“show css styles”的那個按鈕),在彈出的CSS Styles面板上雙擊(none);
�。�2)此時,可看到彈出的Edit Style Sheet 面板,在該面板上按New按鈕;
�。�3)再在彈出的New Style 面板上點取Redefine HTML Tag(重新定義HTML標記)再在Tag中選擇“a”(超級鏈接標記)標記后按OK按鈕;(4)這時可看到彈出的Style dehinition for a 的對話框,在此對話框中可以設(shè)置超級鏈接的許多屬性,你可以按你的意愿設(shè)置,但我們這里主要是要去掉那討厭的下劃線,所以我們在decoration 屬性中選擇“none”,這樣就把下劃線去掉了;然后我們再選擇顏色為:#339966。按OK按鈕返回到Edit Style Sheet 面板;
�。�5)在Edit Style Sheet 面板上再按New按鈕;
�。�6)在彈出的New Style 面板上點取Use CSS Selector ,再在該面板上的selector選擇框中選擇“a:hover”(定義當(dāng)鼠標在超級鏈接上時鏈接的屬性),按OK按鈕;
�。�7)在彈出的Style dehinition for a:hover 的對話框中,我們在decoration 屬性中選擇“underline”,這樣就把下劃線又加上了;然后我們再選擇顏色為:#FF3300。按OK按鈕返回到Edit Style Sheet 面板;
�。�8)在Edit Style Sheet 面板上再按Don按鈕,至此所有設(shè)置結(jié)束。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 使用Dreamweaver 8 輕松制作漂亮的Flash像冊
- 玩轉(zhuǎn) Dreamweaver8.0:速記 CSS 屬性
- Dreamweaver MX進階教程(一)可視化操作iframe
- 玩轉(zhuǎn)Dreamweaver 8.0之設(shè)置段落格式
- Dreamweaver MX 2004從零開始
- 入門:充分利用Dreamweaver8中的查找替換技巧
- 用Dreamweaver進行數(shù)據(jù)庫操作
- DW MX 2004網(wǎng)頁中文亂碼問題:嘗試解決
- Dreamweaver MX進階教程:制作虛線
- Dreamweaver開發(fā)ASP實例視頻教程建立數(shù)據(jù)庫
猜你也喜歡看這些
- Dreamweaver MX 2004 官方簡體中文版教程
- Dreamweaver 8.0網(wǎng)頁設(shè)計
- Dreamweaver 8 完美網(wǎng)頁設(shè)計—CSS網(wǎng)頁設(shè)計篇
- 呂聰賢dreamweaver視頻教程下載
- 精通CSS+DIV網(wǎng)頁樣式與布局配套視頻教程
- Dreamweaver 8完美網(wǎng)頁設(shè)計:商業(yè)網(wǎng)站篇
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- Dreamweaver+Flash+Photoshop網(wǎng)頁制作教程
- 挑戰(zhàn)DREAMWEAVER MX互動網(wǎng)站百寶箱FOR ASP
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作超級技巧36則(7)
。