- TEL:131 7970 3111
-
慧網(wǎng)微信
- 掃描二維碼
- 關(guān)注邳州在線
-
手機(jī)網(wǎng)站
- 手機(jī)掃描二維碼
- 進(jìn)入手機(jī)站
網(wǎng)站地圖
付款方式
網(wǎng)頁制作小技巧:還網(wǎng)頁鏈接“清白” |
網(wǎng)頁離不開鏈接,而默認(rèn)鏈接的表現(xiàn)形式總是千篇一律的藍(lán)色文字加底線,每當(dāng)我們點(diǎn)擊它時(shí),周圍會(huì)出現(xiàn)虛線框,表示該鏈接是當(dāng)前的焦點(diǎn),影響了美觀。不過一些五彩繽紛的鏈接所付出的代價(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)頁刷新后再點(diǎn)擊這個(gè)鏈接,是不是不顯示虛線框了!OK,我們繼續(xù)改造,再一步的工作是刪除鏈接上的底線。在源代碼的<head>標(biāo)簽后添加以下三句代碼,即可使本頁的鏈接的底線不顯示:
<style type="text/css">A {text-decoration:none}</style>
保存后再打開網(wǎng)頁,鏈接的表現(xiàn)形式是不是只是藍(lán)色文字了!如果還不夠,你還可以改變它的顏色,這個(gè)很容易實(shí)現(xiàn):在鏈接文字前添加<font color="#aa0000">這句代碼即可使鏈接文字變成紅色。