Resumo da Aula

Mas a pessoal está de volta, então vamos continuar a nossa definição das bordas aqui. Antes de continuar, gostaria de dizer que não há só maneira de você achar uma solução para esse problema. Há várias maneiras de resolver o problema, então você pode continuar e fazer aqui um para cada um desses caras. Ou também pode fazer de outra maneira, em vez de fazer, aplicar a borda para cada um. Você aplica a borda para todos usando o espaço. Aí para cada caso especial, nesse caso primeiro não tem borda à esquerda, não tem borda acima, eu posso setar a espessura da borda para zero. A outra maneira seria você continuar também fazendo a borda para cada um individualmente sem usar a classe espaço. Vamos aqui no espaço, eu vou comentar esse código aqui. Estou usando o SSS. Vou fazer o seguinte, vou pegar e tirar esse cara aqui e vou colocar a borda em cima de 3 solid black. Olha o que vai acontecer. Ele adiciona a borda de 3, acima, à esquerda, à direita e abaixo de cada quadrado. Por isso que a borda do quadrado desse cara primeiro e do segundo, da direita do primeiro, à esquerda do segundo, combina para que fica mais grosso. E assim por diante para cada um. Aí a gente pode ir remover a borda de cima e de baixo, de cima e da esquerda, do primeiro, de cima e do segundo, de cima e da direita, do terceiro, da esquerda, do quarto e não precisa do meio. E desse cara aqui, nós removemos a direita, da primeira, da terceira linha, remover a esquerda, remover a baixo, segundo, da terceira linha, remover de baixo e finalmente remover de baixo e remover de cima. Então vamos lá. É o primeiro esquerda acima. A esquerda acima eu vou fazer o border left, que é a esquerda, vai ser zero. E para o border top, que é ao top, acima, vai ser também zero. Tá? Então agora no centro acima, vai ser só acima. Border top zero e não precisa desses outros caras. Aí faz a mesma coisa. Agora vai ter direita acima, vai ser o border top zero e o border a direita, a direita, a zero. E assim por diante. Vamos de volta para a esquerda, só a esquerda, a border left, a esquerda é zero. Lá do meio não precisa, o centro não precisa. Então vamos fazer a direita, border right, que é a direita, zero. Tirar aquela borda. Passar para a última linha. Esquerda abaixo, traça o abaixo, vai ser border left zero e border bottom, que é a baixo. De baixo a zero. Tá? Se você se lembra, eu estou rodando reload, traço B, com a opção traço B, para poder, tá? Automáticamente. Reiniciar a minha página lá, tá? Em vez de ter clicado a usar todo o tempo. Então vamos terminar aqui, centro abaixo, com a sinal da vela, disse. Border bottom, que é a baixo, zero. Finalmente, direita abaixo, border bottom, zero, border right, zero. Tá? E tá aí então. Terminamos de fazer a grade, o estilo da grade, tá? Então a gente usou a solução usando a borda de 3 pixels, e todos esses caras, e vamos um por um, remover as bordas do lado que a gente não quer. Tá bom? Então por essa aula só e até a próxima.