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文本装饰问题

回答

相关问题