明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

鏈接樣式怎么用CSS設(shè)置

[摘要]CSS設(shè)置樣式表并不難,但是我們首先要搞懂一件事,什么是超鏈接?超鏈接通俗地說就是從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個(gè)圖片,一個(gè)電子郵件地址,一個(gè)文件,甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對象,可以是一段文本或者是一個(gè)圖片...
CSS設(shè)置樣式表并不難,但是我們首先要搞懂一件事,什么是超鏈接?超鏈接通俗地說就是從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個(gè)圖片,一個(gè)電子郵件地址,一個(gè)文件,甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對象,可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。

超鏈接的代碼

<a href="http://www.php.cn/" target="_blank" title="關(guān)于前端的網(wǎng)站">DIV+CSS</a>

解析如下:

href 后跟被鏈接地址目標(biāo)網(wǎng)站地址這里是http://www.php.cn/

target

_blank -- 在新窗口中打開鏈接

_parent -- 在父窗體中打開鏈接

_self -- 在當(dāng)前窗體打開鏈接,此為默認(rèn)值

_top -- 在當(dāng)前窗體打開鏈接,并替換當(dāng)前的整個(gè)窗體(框架頁)

title 后跟鏈接目標(biāo)說明,也就是超鏈接被鏈接網(wǎng)址情況簡要說明,或標(biāo)題

CSS可控制超鏈接樣式-css鏈接樣式如下

a:link是超級(jí)鏈接的初始狀態(tài)

a:hover是把鼠標(biāo)放上去時(shí)懸停的狀況

a:active 是鼠標(biāo)點(diǎn)擊時(shí)

a:visited是訪問過后的情況

用CSS來設(shè)置鏈接樣式的方法就這么多,大家學(xué)到了嗎?

相關(guān)閱讀:

XML關(guān)于圖像超鏈接的制作的代碼實(shí)例

html圖片img加超鏈接后產(chǎn)生難看的藍(lán)色邊框的解決方法

使用a鏈接時(shí)如何阻止超鏈接跳轉(zhuǎn)方法介紹

以上就是鏈接樣式怎么用CSS設(shè)置的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。