Não consigo tirar o sublinhado dos meus links :( além disso não sei como deixar eles separados um do outro :( Talvez seja a questão da prioridade do
Código abaixo html abaixo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="Site para a adoção de gatos de rua" />
<meta name="author" content="Francisco Willame" />
<meta
name="keywords"
content="Gatos, gatos, Gatos de rua, gatos de rua, Gatos De Rua, adoção"
/>
<link rel="stylesheet" href="/css/links_principal.css" />
<link rel="stylesheet" href="/css/titulos_principal.css" />
<title>AdoCat</title>
</head>
<body>
<h1>Adote um novo membro pra familía</h1>
<nav class="links_principal">
<a href="quem_somos_nos.html">Quem somos nós</a>
<a href="adotar.html">Adotar</a>
<a href="quero_ajudar.html">Quero ajudar</a>
</nav>
<header>
<h2>
Voçê sabia que no Brasil existem 30 milhões de animais abandonados?
</h2>
<p>Saiba os principais "motivos" dessa triste informação:</p>
</header>
</body>
</html>
Código CSS abaixo:
.links_principal {
border: solid black;
border-radius: 50px;
padding: 20px 10px 20px 10px;
margin: 35px 100px 35px 100px;
text-align: center;
text-decoration: none;
color: black;
}
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="Site para a adoção de gatos de rua" />
<meta name="author" content="Francisco Willame" />
<meta
name="keywords"
content="Gatos, gatos, Gatos de rua, gatos de rua, Gatos De Rua, adoção"
/>
<link rel="stylesheet" href="/css/links_principal.css" />
<link rel="stylesheet" href="/css/titulos_principal.css" />
<title>AdoCat</title>
</head>
<body>
<h1>Adote um novo membro pra familía</h1>
<nav class="links_principal">
<a href="quem_somos_nos.html">Quem somos nós</a>
<a href="adotar.html">Adotar</a>
<a href="quero_ajudar.html">Quero ajudar</a>
</nav>
<header>
<h2>
Voçê sabia que no Brasil existem 30 milhões de animais abandonados?
</h2>
<p>Saiba os principais "motivos" dessa triste informação:</p>
</header>
</body>
</html>
Código CSS abaixo:
.links_principal {
border: solid black;
border-radius: 50px;
padding: 20px 10px 20px 10px;
margin: 35px 100px 35px 100px;
text-align: center;
text-decoration: none;
color: black;
}
Francisco Willame
Curtidas 0
Melhor post
Julio Cesar
28/01/2024
Tenta isso aqui.
Inclui no seu css
Inclui no seu css
.links_principal a { text-decoration: none; color: black; }
GOSTEI 1
Mais Respostas
Elieverton Gomes
25/01/2024
Tenta assim mano.
.links_principal a {
text-decoration: none;
color: black;
}
.links_principal a {
text-decoration: none;
color: black;
}
GOSTEI 0