鼠标悬停时HTML超链接下划线

时间:2017-01-13 23:15:04

标签: html hyperlink

这是我已完成的课程项目,但我们可以获得额外奖励积分。我删除了超链接中的下划线,我想知道是否有办法将底层放回鼠标悬停?我也不允许使用CSS或HTML之外的任何东西。我不知道是否可能,但这就是我所拥有的:

    <a href="http://www.tolkien.co.uk/index.html" style="text-decoration:none">J.R.R. Tolkien

3 个答案:

答案 0 :(得分:1)

如果您想尝试以下内容,如果没有Css,则无法执行此操作:\ n \ n
a:hover{ text-decoration: underline;}

答案 1 :(得分:1)

这是我能想到的最好的。我要说的是,你在技术上使用CSS与styleonmouseoveronmouseout事件,它只是这样做而不需要CSS文件,因为{{ 1}} event只是让html理解它本身。然后style事件在其他两个事件上,使他们有能力使用仅包含html文件的CSS。

&#13;
&#13;
style
&#13;
&#13;
&#13;

答案 2 :(得分:0)

HTML没有从包含文本的链接中删除下划线的机制。

您使用的text-decoration: none语法是CSS。 style属性将CSS规则集的主体作为其值。

基于鼠标是否指向某个东西而动态应用CSS的唯一方法是使用单独的样式表(您可以使用选择器,包括规则集)或使用JavaScript(您可以根据事件修改CSS)。< / p>