網頁離不開鏈接，而默認鏈接的表現形式總是千篇一律的藍色文字加底線，每當我們點擊它時，周圍會出現虛線框，表示該鏈接是當前的焦點，影響了美觀。不過一些五彩繽紛的鏈接所付出的代價是添加了大量的代碼。我們可以在源文件的鏈接標簽中添加一小段代碼屏蔽一些默認屬性，圖個新鮮。

　　首先只要在鏈接標簽中添加onFocus="if(this.blur)this.blur()"這句代碼即可屏蔽點擊時四周出現的虛線框，如: 網頁陶吧 網頁刷新后再點擊這個鏈接，是不是不顯示虛線框了!OK，我們繼續改造，再一步的工作是刪除鏈接上的底線。在源代碼的標簽后添加以下三句代碼，即可使本頁的鏈接的底線不顯示:

　　<style type="text/css">A {text-decoration:none}</style>

　　保存后再打開網頁，鏈接的表現形式是不是只是藍色文字了!如果還不夠，你還可以改變它的顏色，這個很容易實現:在鏈接文字前添加這句代碼即可使鏈接文字變成紅色。

學習網頁制作技術之設計好干凈的鏈接，歡迎咨詢合作。

查看更多寧波網站建設技術網頁制作設計