在使用Dreamweaver CS6進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，你可能會(huì)遇到一個(gè)問題：當(dāng)鼠標(biāo)經(jīng)過一個(gè)圖像時(shí)，會(huì)自動(dòng)出現(xiàn)一個(gè)邊框。這個(gè)邊框可能會(huì)影響到你的設(shè)計(jì)效果。下面將介紹一種簡單的方法來消除這個(gè)自動(dòng)添加的邊框。

在使用Dreamweaver CS6進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，你可能會(huì)遇到一個(gè)問題：當(dāng)鼠標(biāo)經(jīng)過一個(gè)圖像時(shí)，會(huì)自動(dòng)出現(xiàn)一個(gè)邊框。這個(gè)邊框可能會(huì)影響到你的設(shè)計(jì)效果。下面將介紹一種簡單的方法來消除這個(gè)自動(dòng)添加的邊框。

新建CSS樣式表

首先，在你的Dreamweaver CS6軟件中打開你的網(wǎng)頁文件。然后，在菜單欄中選擇“窗口”>“CSS樣式表”。這將彈出一個(gè)CSS樣式表窗口。

接下來，在CSS樣式表窗口中，點(diǎn)擊右上角的“ ”按鈕，創(chuàng)建一個(gè)新的樣式表。

在彈出的對話框中，為樣式表命名，并選擇應(yīng)用此樣式表的范圍（全局、特定頁面或特定選擇器）。點(diǎn)擊“確定”按鈕，完成樣式表的創(chuàng)建。

取消邊框樣式

在新建的CSS樣式表中，可以設(shè)置各種元素的樣式。我們要找到的是與邊框相關(guān)的樣式。

首先，在樣式表窗口中選擇需要修改的元素。通常情況下，圖像元素的選擇器是“img”。

然后，在樣式規(guī)則中找到“text-decoration”選項(xiàng)。將其設(shè)置為“none”。這將取消圖像元素上的文本裝飾效果。

接下來，繼續(xù)尋找“border”選項(xiàng)。將邊框樣式改為“none”，并將大小設(shè)置為“0”。這樣就可以取消圖像元素上的邊框了。

為鼠標(biāo)經(jīng)過的圖像添加樣式表

如果你只想為鼠標(biāo)經(jīng)過的圖像添加一些特殊樣式，可以在CSS樣式表中繼續(xù)添加相關(guān)規(guī)則。

首先，在樣式表中找到需要修改的圖像元素選擇器。

然后，在樣式規(guī)則中添加“:hover”偽類。這將使得該樣式只在鼠標(biāo)經(jīng)過時(shí)生效。

接下來，根據(jù)你的設(shè)計(jì)需求，添加各種樣式屬性，如背景顏色、邊框樣式、陰影效果等。

完成以上步驟后，保存并應(yīng)用你的CSS樣式表?，F(xiàn)在，當(dāng)鼠標(biāo)經(jīng)過圖像時(shí)，不會(huì)再自動(dòng)添加邊框，并且你可以通過CSS樣式表為鼠標(biāo)經(jīng)過的圖像添加特殊樣式了。

總結(jié)：通過創(chuàng)建新的CSS樣式表和設(shè)置相應(yīng)的樣式規(guī)則，我們可以輕松消除Dreamweaver CS6中鼠標(biāo)經(jīng)過圖像自動(dòng)添加的邊框，并為鼠標(biāo)經(jīng)過的圖像添加特殊樣式。