日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
技術(shù)分享如何使用CSS控制超鏈接文字樣式

你對(duì)CSS中超鏈接的用法是否熟悉，本文將講解通過(guò)CSS樣式或通過(guò)CSS來(lái)控制超鏈接樣式，希望本文介紹對(duì)你有所幫助。

創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供城廂企業(yè)網(wǎng)站建設(shè),專(zhuān)注與網(wǎng)站制作、成都網(wǎng)站建設(shè)、H5建站、小程序制作等業(yè)務(wù)。10年已為城廂眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

用CSS控制超鏈接文字樣式

本文將講解通過(guò)CSS樣式或通過(guò)CSS來(lái)控制超鏈接樣式。這里主要講文字類(lèi)型的超鏈接，超鏈接的樣式包括通過(guò)CSS來(lái)控制設(shè)置超鏈接有無(wú)下劃線、超鏈接文字顏色等樣式。

什么是超鏈接？

超鏈接通俗地指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè),也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類(lèi)型來(lái)打開(kāi)或運(yùn)行。

超鏈接的代碼

 
 
 
    
  
  
  
  1. 
  
  
  
  2. title="關(guān)于divCSS的網(wǎng)站">DIV+CSS 
    3. 
  
  
  
  3.  
    4.

解析如下：

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

◆target

_blank--在新窗口中打開(kāi)鏈接
_parent--在父窗體中打開(kāi)鏈接
_self--在當(dāng)前窗體打開(kāi)鏈接,此為默認(rèn)值
_top--在當(dāng)前窗體打開(kāi)鏈接，并替換當(dāng)前的整個(gè)窗體(框架頁(yè))

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

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

a:active是超級(jí)鏈接的初始狀態(tài)
a:hover是把鼠標(biāo)放上去時(shí)的狀況
a:link是鼠標(biāo)點(diǎn)擊時(shí)
a:visited是訪問(wèn)過(guò)后的情況

超鏈接樣式案例

1、通常對(duì)全站超鏈接樣式化方法

 
 
 
    
  
  
  
  1. a{color:#333;text-decoration:none;}  
    2. 
  
  
  
  2. //對(duì)全站有鏈接的文字顏色樣式為color:#333;  
    3. 
  
  
  
  3. 并立即無(wú)下劃線text-decoration:none;  
    4. 
  
  
  
  4. a:hover{color:#CC3300;text-decoration:underline;}  
    5. 
  
  
  
  5. //對(duì)鼠標(biāo)放到超鏈接上文字顏色樣式變?yōu)閏olor:#CC3300;  
    6. 
  
  
  
  6. 并文字鏈接加下劃線text-decoration:underline;  
    7. 
  
  
  
  7.  
    8.

2、通過(guò)鏈接內(nèi)設(shè)置類(lèi)控制超鏈接樣式CSS方法

案例超鏈接代碼

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. CSS  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5.

對(duì)應(yīng)CSS代碼：

 
 
 
    
  
  
  
  1. a.yangshi{color:#333;text-decoration:none;}  
    2. 
  
  
  
  2. a.yangshi:hover{color:#CC3300;text-decoration:underline;}  
    3. 
  
  
  
  3.  
    4.

通過(guò)這樣的設(shè)置可以控制鏈接內(nèi)的CSS類(lèi)名為“yangshi”超鏈接的樣式

3、通過(guò)對(duì)應(yīng)超鏈接外的父級(jí)的CSS類(lèi)的CSS樣式來(lái)控制超鏈接的樣式

案例超鏈接代碼

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. CSS 
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6.

對(duì)應(yīng)CSS代碼：

 
 
 
    
  
  
  
  1. .yangshia{color:#333;text-decoration:none;}  
    2. 
  
  
  
  2. .yangshia:hover{color:#CC3300;text-decoration:underline;}  
    3. 
  
  
  
  3.  
    4.

這里值得注意的是a.yangshi與.yangshia的樣式CSS代碼區(qū)別，這里就是常見(jiàn)的通過(guò)divCSS來(lái)對(duì)超鏈接樣式設(shè)置案例及分析。


分享名稱(chēng)：技術(shù)分享如何使用CSS控制超鏈接文字樣式
當(dāng)前路徑：http://www.dlmjj.cn/article/dpeooce.html