移除連結元素的虛線框 相容IE7、IE6、FF_經驗交流

推薦下面的程式碼

複製程式碼 程式碼如下:

a {outline: none; /* for Forefox * / }  
a {star:expression(this.onFocus=this.blur()); /* for Ie*/ }

下面的程式碼比較麻煩
我們採用htc檔案的方法來解決這個問題。首頁將以下程式碼儲存為link.htc檔案。  

複製程式碼 程式碼如下:

 
   
<script>    <br>function hscfsy(){    <br>this.blur();    <br>}    <br></script>  

 
　　在HTML檔案中寫入以下程式碼，建立一個連結：  
jb51.net  
　　我們開始為此連結定義CSS樣式：  

a {   
　　display:block;   
　　width:100px;   
　　height:30px;   
　　line-height:30px;   
　　text-align:center;   
}  
a:hover {   
　　background:#ddd;  
}  
　　CSS樣式確定了連結的外觀，具有一定寬度與高度的塊元素。文字水平左右均居中對齊。  
　　我們在a標籤的樣式內，加入一條屬性。用此消除連結的虛線邊框：  

a {   
　　display:block;   
　　width:100px;   
　　height:30px;   
　　line-height:30px;   
　　text-align:center;   
　　behavior:url(line.htc);  
}  
　　我們執行以下程式碼查看效果：  

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>DIVCSS</title>