學習網頁製作技術之設計好乾淨的連結

來源:互聯網
上載者:User
連結|設計|網頁

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

  首先只要在連結標籤中添加這句代碼即可屏蔽點擊時四周出現的虛線框,如: 網頁陶吧 網頁重新整理後再點擊這個連結,是不是不顯示虛線框了!OK,我們繼續改造,再一步的工作是刪除連結上的底線。在原始碼的標籤後添加以下三句代碼,即可使本頁的連結的底線不顯示:

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

  儲存後再開啟網頁,連結的表現形式是不是只是藍色文字了!如果還不夠,你還可以改變它的顏色,這個很容易實現:在連結文字前添加這句代碼即可使連結文字變成紅色。



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。