2
respostas

[Projeto] Botão instagram/github

tenho uma duvida, como faco para colocar as bordas como se fosse realmente um botao para clicar na pagina de exemplo, instagram e github. Gostaria de ressaltar que todos os exemplos ditos consegui fazer, ansiosa para o proximo passo

2 respostas

Boa noite, Tatiane. Se eu entendi seu problema corretamente acho que você quer usar :

.botao{
    border: 1px solid black;
}

Olá, Tatiane.

Tudo bem?

Essa parte da de finalizar os botões vai ser assunto para o proximo curso, no caso o curso dois. Mas você pode adicionar a borda da seguinte forma:

Eu coloquei direto na tag <a> mas você pode criar uma classe css para ela:

Você precisa criar uma borda especificar a largura dela que pode ser em pixel por exemplo, depois passar o tipo que no caso é solid para ficar uma borda de linha preenchida, depois definir uma cor, nesse exemplo eu utilizei o vermelho que no css é red mas ai você coloca a cor referente ao botão. Utilizei o border-radius: 3px; para arredondar os cantos e padding: 8px; para definir um espaçamento interno. Veja:

a{
    border: 1px solid red;
    border-radius: 3px;
    padding: 8px;
}

Espero ter ajudado de alguma forma. Qualquer dúvida manda aqui. Valeu Tatiane.