Question

当您使用<a>标记时，它默认链接文字带有下划线，所以我自然认为您使用了font-style:normal;但它似乎不适合我了，也许这是我的版本Firefox或Firebug ???

这是我目前的源代码，最简单的测试用例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test dummy</title>
  </head>
  <body>    
    <a style="font-style:normal;" href="login_page/login.html">Login</a>
  </body>
</html>

不幸的是，这段代码也不起作用，Login显示为带下划线。

编辑：原作者的意思是underline但写了italics

Answer 1

如果您的意思是下划线，那么取下划线的正确方法是：

<a style="text-decoration: none;" href="login_page/login.html">Login</a>

Answer 2

你想要的是样式表中的text-decoration:none;

Answer 3

使用CSS这样可以减少通过浏览器推送的代码量，我会使用以下代码：

<body> 
<a href="somewhere.html">Somewhere</a> 
<a href="someotherplace.html">Some other place</a> 
</body>

在你的CSS中：

a{ 
text-decoration: none; 
} 
a:hover{ /* For when your mouse hovers over the element */ 
text-decoration: underline; 
} 
a:visited{ /* For links that are in the browser history (Previously visited) */ text-decoration: none; 
color: purple; 
} 
a:active{ /* For links that you are clicking on */ 
text-decoration: none; 
color: blue; 
}

现在，文档中的每个标记都具有相同的属性。

Answer 4

将text-decoration属性设置为none，如下所示：

text-decoration: none;

问题<a> tags in HTML + CSS styling</a>

4 个答案: