Как удалить подчеркивание из ссылки? Вот мой код я пытаюсь ввести код там, но до сих пор не работаетКак удалить подчеркивание для ссылки в html
@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>Вы должны установить text-decoration: none к самому <a> тега, а не к <p>, который находится внутри него.
Должно быть так:
a {
text-decoration: none;
}
Я заменил .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>Ваш .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;
}