鏈接樣式怎么用CSS設置
發表時間:2024-05-08 來源:明輝站整理相關軟件相關文章人氣:
[摘要]CSS設置樣式表并不難,但是我們首先要搞懂一件事,什么是超鏈接?超鏈接通俗地說就是從一個網頁指向一個目標的連接關系,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片...
CSS設置樣式表并不難,但是我們首先要搞懂一件事,什么是
超鏈接?超鏈接通俗地說就是從一個網頁指向一個目標的連接關系,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個
圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片后,鏈接目標將顯示在瀏覽器上,并且根據目標的類型來打開或運行。
超鏈接的代碼
<a href="http://www.php.cn/" target="_blank" title="關于前端的網站">DIV+CSS</a>
解析如下:
href 后跟被鏈接地址目標網站地址這里是http://www.php.cn/
target
_blank -- 在新窗口中打開鏈接
_parent -- 在父窗體中打開鏈接
_self -- 在當前窗體打開鏈接,此為默認值
_top -- 在當前窗體打開鏈接,并替換當前的整個窗體(框架頁)
title 后跟鏈接目標說明,也就是超鏈接被鏈接網址情況簡要說明,或標題
CSS可控制超鏈接樣式-css鏈接樣式如下
a:link是超級鏈接的初始狀態
a:hover是把鼠標放上去時懸停的狀況
a:active 是鼠標點擊時
a:visited是訪問過后的情況
用CSS來設置鏈接樣式的方法就這么多,大家學到了嗎?
相關閱讀:
XML關于圖像超鏈接的制作的代碼實例
html圖片img加超鏈接后產生難看的藍色邊框的解決方法
使用a鏈接時如何阻止超鏈接跳轉方法介紹
以上就是鏈接樣式怎么用CSS設置的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。