Question

如何从链接中删除下划线？那是我的代码我尝试在那里键入一些代码，但仍然无法正常工作

@charset "utf-8";
/* CSS Document */
.top {
  color:black;
  font-family:Calibri;
  text-decoration:none;
}

table {

}

<table>
  <tr>
    <td><a href="Home.html"><p class="top">Home</p></a></td>
  </tr>
</table>

Answer 1

您正在寻找text-decoration:none

试，

a {
    text-decoration:none;
}

Answer 2

您的.top课程更改了p代码的样式，但a标记设置了text-decoration，因此您必须指定或{添加在a标记另一个类并设置它的text-decoration属性。

一种可能的方式：

<table>
  <tr>
    <td>
      <a href="Home.html" class="no-underline">
        <p class="top">Home</p>
      </a>
    </td>
  </tr>
</table>

和

.no-underline {
  text-decoration: none;
}

Answer 3

您必须将text-decoration: none设置为<a>标记本身，而不是设置在其中的<p>。

Answer 4

应该是这样的：

a {
  text-decoration: none;
}

Answer 5

我将.top替换为a标记

@charset "utf-8";
/* CSS Document */
a {
    color:black;
    font-family:Calibri;
    text-decoration:none;
}

table {

}

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css.css">`enter code here`

</head>

<body>
<table>
    <tr>
        <td><a href="Home.html"><p class="top">Home</p></a></td>
    </tr>
</table>
</body>
</html>

如何删除html

5 个答案: