Dreamweaver 入門:使用CSS設(shè)置頁面格式(6)_Dreamweaver教程
關(guān)于…關(guān)于 :hover 偽類 偽類是一種影響 HTML 文檔中的某些元素的方式,它不是基于文檔本身的 HTML 代碼,而是基于 Web 瀏覽器應(yīng)用的其它外部條件。偽類可以是動態(tài)的,這表明當用戶與文檔交互時,頁面上的元素可能會獲取或丟失偽類。
當用戶把鼠標指針停留在已設(shè)置格式的頁面元素上時,:hover 偽類會影響該元素的變化。例如,將 :hover 偽類添加到 .navigation 類樣式 (.navigation:hover) 以創(chuàng)建新規(guī)則時,根據(jù) .navigation:hover 規(guī)則的屬性,所有用 .navigation 規(guī)則設(shè)置格式的文本元素都會發(fā)生變化。
打開 cafe_townsend.css 文件。
選擇整個 .navigation 規(guī)則。

復制文本("編輯">"復制")。
在該規(guī)則的末尾單擊一下,然后多按幾次 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh) 以創(chuàng)建一些空格。

將已復制的文本粘貼("編輯">"粘貼")到剛創(chuàng)建的空格中。
將 :hover 偽類添加到已粘貼的 .navigation 選擇器中,如下所示:

在新的 .navigation:hover 規(guī)則中,將當前的背景色 (#993300) 替換為 #D03D03。

保存并關(guān)閉該文件。
在"文檔"窗口中打開 index.html 文件,然后在瀏覽器中預(yù)覽該頁面("文件">"在瀏覽器中預(yù)覽")。
當您將鼠標指針停留在任何一個鏈接上時,可以看到新的鼠標經(jīng)過效果。
- 用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來構(gòu)建符合標準的Web站點
- 用Dreamweaver 8 搞定“web標準”
- DW網(wǎng)頁設(shè)計教程-多彩文字鏈接
- Dreamweaver MX進階教程(八) 操作框架
- Dreamweaver MX進階教程(九)使用用于框架的“行為”
- Dreamweaver MX進階教程(十)制作居中的網(wǎng)頁
- 去除DW MX 2004表格寬度輔助
- Dreamweaver MX進階教程(七)創(chuàng)建基于框架的網(wǎng)頁
- Dreamweaver網(wǎng)頁制作教程:菜單概述
- Dreamweaver MX進階教程(十一)使用“層”布局網(wǎng)頁
猜你也喜歡看這些
- Dreamweaver MX 2004中文版完全自學手冊
- DIV.CSS應(yīng)用視頻教程(DIV+CSS)
- 北風網(wǎng)資深web講師李炎恢講師Dreamweaver系列課程(已完結(jié)|45課時)陸續(xù)更新中
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- CSS設(shè)計徹底研究視頻教程
- Dreamweaver MX 2004 官方簡體中文版教程
- Dreamweaver 8完美網(wǎng)頁設(shè)計: 網(wǎng)頁特效篇
- Dreamweaver 8 ASP動態(tài)網(wǎng)頁編程完全自學手冊
- 呂聰賢dreamweaver教程
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver 入門:使用CSS設(shè)置頁面格式(6)
。