Borda nas imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Borda nas imagens

Mensagem por DeboraFSantos em Ter 30 Maio 2017, 18:13

Eai galera, vim trazer um tutorial de como colocar bordas nas imagens de uma maneira simples!

Acrescente isso dentro do seu css e personalize como quiser:

Código:
.borda{border: 3px solid #cor da borda; padding: 1px; background: #cor do fundo;}
.borda:hover{border: 3px solid #cor da borda quando passar o mouse em cima;}

E pra que a borda fique na sua imagem, coloque desta forma:

Código:
<img src="url da sua imagem" class="borda">

Código:
<img src="url da sua imagem" class="image ; borda">

Fonte

DeboraFSantos
Admin

Mensagens : 27
Data de inscrição : 19/03/2017

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum