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
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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
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.