當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 讓鏈接沒有下劃線CSS樣式怎么寫

讓鏈接沒有下劃線CSS樣式怎么寫

2012/10/27 17:23:11作者：佚名來源：網絡

移動端

【實例名稱】

讓鏈接沒有下劃線CSS樣式

【實例描述】

鏈接使用“a’’標簽實現，默認的鏈接包含下畫線，以區別普通的文本字符串。但有情況下為了保持布局的完整，不允許鏈接使用下畫線。本例學習如何去掉這些默認的下畫線。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.yzddtk.cn）</title>
<style type="text/css"> 
        a {text-transform:none;text-decoration:none;} 
        a:hover {text-decoration:underline} 
</style>
</head>
<body>
<a href="http://www.google.com">我愛的搜索 </a>
</body>
</html>

【運行效果】

默認的鏈接效果

運行效果

鼠標移動到鏈接上時的效果

運行效果

【難點剖析】

本例的重點是CSS樣式的使用。在樣式表中，使用“a’’標簽設置鏈接的屬性，其中“text—decoration”屬性表示文本的下劃線，"none"表示禁止下劃線?！癮：hoVer”表示鼠標移動到鏈接上的效果，“underline”表示鏈接帶下劃線。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性，你可以點擊：讓鏈接沒有下劃線進行本實例源碼下載

標簽：鏈接

上一篇：三國羅曼史攻略
下一篇：去掉超鏈接單擊時的邊框

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频