Summary
Keywords
Full Transcript
Você sabe como personalizar a borda de uma caixa usando uma imagem PNG? Sabe como configurar as propriedades border-image-source, border-image-slice e bordei-image-repeat? Pois acompanhe este vídeo até o final para responder a estas e muitas outras perguntas. Tópicos deste vídeo: 00:00 - Módulo 02, Capítulo 16, aula 07 00:17 - Bordas decoradas com CSS 00:50 - Aprenda a criar aplicativos de celular 02:01 - Criando borda com o GIMP 03:20 - Desenhando uma borda personalizada 05:00 - Exportando a borda em PNG 05:25 - Criando o arquivo o código HTML 06:04 - Criando o estilo com borda padrão 05:36 - Carregando a borda personalizada 07:30 - Fazendo o ajuste fino com DevTools 08:29 - Ajude a compartilhar o curso 09:05 - Personalizando ainda mais a borda 09:50 - Simplificando com shorthand 10:10 - Cuidado! Não tire a borda normal 10:50 - Vem aí o nosso desafio O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo. Acesse o material de apoio em PDF: == GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf Receba notificações de novos vídeos: == Canal no Telegram: https://t.me/cursoemvideo Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3: == Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n Consiga certificados fazendo o curso diretamente pelo site oficial do projeto: == Site: https://www.cursoemvideo.com Torne-se apoiador do projeto: == Acesse: https://www.cursoemvideo.com/apoie Siga-nos nas redes sociais: == Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara == Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo == Hostnet no Instagram: https://www.instagram.com/hostnetbr == Recode no Instagram: https://www.instagram.com/rederecode == Estudonauta no Instagram: https://www.instagram.com/estudonauta Conheça os patrocinadores desse curso: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo02 #C16A07
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
