網頁離不開鏈接，而默認鏈接的表現形式總是千篇一律的藍色文字加底線，每當我們點擊它時，周圍會出現虛線框，表示該鏈接是當前的焦點，影響了美觀。不過一些五彩缤紛的鏈接所付出的代價是添加了大量的代碼。我們可以在源文件的鏈接標簽中添加一小段代碼屏蔽一些默認屬性，圖個新鮮。
首先只要在鏈接標簽中添加onFocus="if(this.blur)this.blur()"這句代碼即可屏蔽點擊時四周出現的虛線框，如： <A href="http：//www.cce.com.cn"onFocus="if(this.blur)this.blur()">中國電腦教育報</a> 網頁刷新後再點擊這個鏈接，是不是不顯示虛線框了！OK，我們繼續改造，再一步的工作是刪除鏈接上的底線。在源代碼的<head>標簽後添加以下三句代碼，即可使本頁的鏈接的底線不顯示：
<style type="text/css">A {text-decoration:none}</style>
保存後再打開網頁，鏈接的表現形式是不是只是藍色文字了！如果還不夠，你還可以改變它的顏色，這個很容易實現：在鏈接文字前添加<font color="#aa0000">這句代碼即可使鏈接文字變成紅色。