為網站設計干凈的鏈接

2024-02-19 分類：網站建設

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

首先只要在鏈接標簽中添加onFocus="if(this.blur)this.blur()"這句代碼即可屏蔽點擊時四周出現(xiàn)的虛線框，如: 網頁陶吧網頁刷新后再點擊這個鏈接，是不是不顯示虛線框了!OK，我們繼續(xù)改造，再一步的工作是刪除鏈接上的底線。在源代碼的標簽后添加以下三句代碼，即可使本頁的鏈接的底線不顯示:

<style type="text/css">A {text-decoration:none}</style>

保存后再打開網頁，鏈接的表現(xiàn)形式是不是只是藍色文字了!如果還不夠，你還可以改變它的顏色，這個很容易實現(xiàn):在鏈接文字前添加這句代碼即可使鏈接文字變成紅色。

網頁題目：為網站設計干凈的鏈接
分享路徑：http://bm7419.com/news0/317900.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、云服務器、關鍵詞優(yōu)化、網站營銷、營銷型網站建設、商城網站

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容