1
resposta

podem me ajudar a tirar essa borda superior do meu site

esse e o meu codigo(tem uma foto la em baixo) obs:eu percebi que toda vez quando eu uso a tag p ou h3 a borda superior aparece mas quando eu tiro a tag p e h3, a borda superior nao aparece, o que eu posso fazer para colocar um texto no retangulo preto sem aparecer a borda superior index.html:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <div id="barraDeEntrada">
        <h3>
            <strong>
               <a style="color: white;" href="https://quatrorodas.abril.com.br/entrar/
               ?eventLabel=Tela%20de%20login%20pelo%20site&&url-
               retorno=https://quatrorodas.abril.com.br/">entrar</a>
            </strong>
        </h3>
    </div>

</body>
</html>

style.html:

body{
    margin: 0%;
}

#barraDeEntrada{
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.788);
    color: white;
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Yago, por padrão, as tags p e h3 sempre vem com alguma margem, mesmo você colocando o margin: 0 no body, isso não e aplicado a tag h3 por exemplo. Nesse caso voce pode zerar a margem o h3, ou colocar um seletor que zera a margem de todos as tags do html. Nesse caso você varia assim * { margin: 0; }.

Espero ter ajudado.