CSS文本裝飾問題

我有一個超鏈接的文本框，問題是我試圖從超鏈接文本中刪除下劃線。CSS文本裝飾問題

text-decoration:none;設置應該將其刪除，但似乎不起作用。

如何從超鏈接文本中刪除下劃線？

enter image description here

HTML：

<a href=""><div class = "i6">Test Page</div></a>

CSS：

.i6 { 
    height:30px; 
    width:80px; 
    position:absolute; 
    left:1150px; 
    top:10px; 
    font-family: Lucida Sans;font-size:15px; 
    color: #FFFFFF; 
    background-color:#C1DAD4; 
    margin:10px; 
    list-style:none; 
    text-align:center; 
    padding-top:0px; 
    padding-bottom:10px; 
    padding-right:2px; 
    padding-left:0px; 
    text-decoration:none; 
}

來源

2013-04-07 donkeyboy72

此外，你應該有你的內聯元素塊內的元素。錨在div內。 – intelis 2013-04-07 17:09:26

您需要申請text-decoration:none;到鏈接本身，而不是內部div.

例如，你可以給鏈接本身類，e.g：

<a href="" class="theLink"><div class = "i6">Test Page</div></a>

然後在你的CSS，您可以指定鏈接本身：

.theLink { 
    text-decoration:none; 
}

這裏的工作jsFiddle。

來源

2013-04-07 17:08:00 lifetimes

這需要更多的解釋嗎？這是一樣簡單，因爲它得到 – Bojangles 2013-04-07 17:10:50

你在網絡開發工作多久了？：] – donkeyboy72 2013-04-09 08:44:08

@ donkeyboy72我不是一個網絡開發者：P我只是一個大學生 – lifetimes 2013-04-09 08:46:44

CSS文本裝飾問題

回答

相關問題