推薦下面的程式碼
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);
}
我們執行以下程式碼查看效果: