HDTutorial
PT
Estilizar tabelas HTML com CSS - Tutorial de Design Web/UX

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Estilizar tabelas HTML com CSS - Tutorial de Design Web/UX

556 976 visualizações 26 de outubro de 2019 9:52

Ver no YouTube
Canaldcode

Capítulos

Descrição do autor

Veja o código e o CodePen:

Neste vídeo, vou mostrar como estilizar tabelas HTML usando CSS. Aqui está um exemplo do meu jeito de deixar tabelas bonitas, que você pode facilmente adaptar para o seu gosto ou necessidades.

0:00 Visão geral
0:45 Começando com o HTML
1:40 Estilizando o elemento tabela
3:22 Estilizando a linha de cabeçalho
4:47 Estilizando as células da tabela
5:27 Estilizando as linhas da tabela
7:16 Adicionando alguns extras
9:30 Encerrando

Sobre este tutorial

dcode publicou este tutorial em vídeo de 9:52 em 26 de outubro de 2019. Foi visto 556 976 vezes no YouTube.

Canal
dcode
Categoria
Educação
Duração
9:52
Publicado
26 de outubro de 2019
Visualizações
556 976
Gostos
8 791

Partilhar

Leitura complementar

  • Advanced Webpage Styling With CSS (Free Tutorial) careerfoundry.com

    You’ve gone from reading about the raw ingredients for building a website like HTML and CSS to actually using some of them on your first website. You also looked into some best practices of both HTML and CSS along the w…

  • Styling tables - Learn web development | MDN developer.mozilla.org

    Styling an HTML table isn't the most glamorous job in the world, but sometimes we all have to do it. This article provides a guide to making HTML tables look good, with some specific table styling techniques highlighted.

  • Styling HTML tables with CSS – Web Design/UX Tutorial ... webcentreplus.co.uk

    View the code on CodePen: In this video we’re going to take a look at how to style HTML tables using CSS – this … source Check out Spalding Web Design

Este tutorial noutros idiomas