網(wǎng)頁離不開鏈接,而默認鏈接的表現(xiàn)形式總是千篇一律的藍色文字加底線,每當我們點擊它時,周圍會出現(xiàn)虛線框,表示該鏈接是當前的焦點,影響了美觀。不過一些五彩繽紛的鏈接所付出的代價是添加了大量的代碼。我們可以在源文件的鏈接標簽中添加一小段代碼屏蔽一些默認屬性,圖個新鮮。
首先只要在鏈接標簽中添加onFocus="if(this.blur)this.blur()"這句代碼即可屏蔽點擊時四周出現(xiàn)的虛線框,如: 網(wǎng)頁陶吧 網(wǎng)頁刷新后再點擊這個鏈接,是不是不顯示虛線框了!OK,我們繼續(xù)改造,再一步的工作是刪除鏈接上的底線。在源代碼的標簽后添加以下三句代碼,即可使本頁的鏈接的底線不顯示:
<style type="text/css">A {text-decoration:none}</style>
保存后再打開網(wǎng)頁,鏈接的表現(xiàn)形式是不是只是藍色文字了!如果還不夠,你還可以改變它的顏色,這個很容易實現(xiàn):在鏈接文字前添加這句代碼即可使鏈接文字變成紅色。
學習網(wǎng)頁制作技術之設計好干凈的鏈接,歡迎咨詢合作。