CSS 設定去除連結虛線框


步驟一:開啟一個空白的 html 檔。

 

01.jpg  

 

步驟二:先在頁面上打上連結。

 

02.jpg  

 

步驟三:之後切換到” 程式碼 ”這邊,在 </title> 這邊按下 Enter ,讓它空到下一行,之後 Key 入以下

程式碼。

 

<style>
<!--
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
-->
</style>

 

03.jpg  

 

步驟四:前面程式碼 Key 完之後,儲存檔案用瀏覽器預覽,就會看到連結的虛線框不見了。

 

04.jpg  

 

以上就是CSS設定去除虛線框的方法,這邊是指針對單一頁面的設定方式,當然一定會有人問,如果很多

頁面要設定不就每個都要這樣慢慢打,這樣也太麻煩了。

 

所以,以下也提供了便利性的CSS連結方式,讓所有頁面共用,以下是設定方法。

 

步驟一:開啟一個新檔案 ...「 檔案開新檔案 」。

 

05.jpg  

 

步驟二:選擇頁面類型: CSS 文件。

 

06.jpg  

 

步驟三:CSS 文件開啟後,在上面 Key 上剛剛的程式碼

 

07.jpg  

 

步驟四:程式碼輸入完之後,就可以把CSS 檔案存檔

 

08.jpg  

 

步驟五:之後切換 html 檔這邊,點選上方選項 ...「 格式 CSS 樣式附加樣式表 」。

 

09.jpg  

 

步驟六:跳出” 附加外部樣式表 ”視窗出現後,選擇剛剛存檔的 CSS 路徑,之後按下” 確定 ”。

 

10.jpg  

 

步驟七:之後就會看到程式碼這邊 </title> 下一行出現...<link href= ......  這段語碼了,

然後存檔用” 瀏覽器 ”預覽。

11.jpg  

全站熱搜

jun431869 發表在 痞客邦 留言(0) 人氣()