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