DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 網頁制作小技巧:還網頁鏈接“清白”
網頁制作小技巧:還網頁鏈接“清白”
編輯:Dreamweaver相關     

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

    首先只要在鏈接標簽中添加onFocus="if(this.blur)this.blur()"這句代碼即可屏蔽點擊時四周出現的虛線框,如: <A href="替換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">這句代碼即可使鏈接文字變成紅色。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved