Trabalhar com bordas em css é muito simples. Basicamente temos três propriedades que se combinam e podem ser aplicadas a diversos seletores. São elas: border-style, border-width e border-color. A partir do nome já fica bem fácil imaginar o que cada uma faz, mas vou falar resumidamente sobre elas.
Border-style: define o estilo que a borda terá. Como opções possíveis temos dotted (pontilhada), dashed (tracejada), solid (sólida), double (dupla), groove (entalhada), ridge (ressalto), inset (baixo relevo) e outset (alto relevo).
A imagem abaixo ilustra cada uma delas:
A propriedade border-width determina a espessura que a borda terá. Vou pegar o exemplo acima e alterar, somente na borda sólida, seu tamanho para 10px, com o seguinte comando:
.bordaSolida
{
border:solid;
border-width:10px;
}
Vejamos como ficou:
A propriedade border-color, como o nome já sugere, permite determinar cores para as bordas. Adicionarei, também para a borda sólida do nosso exemplo, a cor azul.
.bordaSolida
{
border:solid;
border-width:10px;
border-color:blue;
}
O interessante é que você pode aplicar essas regras somente para uma borda do elemento. Suponhamos que a borda direita é que nos interessa. Dessa forma nosso comando para definir a cor ficaria:
border-right-color:Blue;
E isso resultaria no seguinte resultado:
Poderíamos usar qualquer uma das propriedades vistas aqui para apenas uma das bordas. Bastaria seguir a regra:
Borda superior: border-top
Borda inferior: border-bottom
Borda esquerda: border-left
Borda direita: border-right
Para dar um exemplo de tudo isso, vou criar o seguinte conjunto de regras para a borda groove do nosso exemplo:
Border-width:5px;
Border-top-color:green;
Border-right-width:10px;
Border-bottom-style:dotted;
Border-left-color:red;
Todas as bordas do nosso groove estão com 5px de espessura, exceto a da direita, onde especificamos que queríamos 10px. Todas as bordas são do tipo groove, exceto a inferior, que é do tipo dotted, a borda esquerda tem a cor vermelha enquanto a superior ficou verde.
Evidentemente esse exemplo ficou horrível, mas serviu para mostrar que é possível aplicar qualquer propriedade de borda para cada uma das bordas de um elemento, isoladamente.
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
Você Sabia?
River Raid
O épico jogo River Raid, do Atari, foi desenhado e boa parte de sua programação foi feita por uma mulher: Carol Shaw, uma excelente programadora e funcionária da Activision em 1982. Saiba mais sobre a história deste incrível jogo, aqui.
Playstation
O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.
Computadores de 1,5 tonelada
Em 1949 a revista Popular Mechanics fez uma previsão para o futuro, dizendo: "Um dia os computadores pesarão menos do que 1,5 tonelada". E pensar que temos smartphones capazes de realizar milhões de vezes mais operações do que os computadores daquela época.
Final Fantasy X
O jogo Final Fantasy X para o Sony Playstation 2 vendeu, apenas no dia do seu lançamento, 1.455.732 cópias, estabelecendo um recorde de vendagem para as primeiras 24 horas de um game. Méritos da SquareSoft, que desenvolveu um excelente produto!
Mega Man
A primeira versão do clássico Mega Man, para Nintendo 8 bits, tem seu recorde de pontos estabelecido em 03/11/2006, por David Archey, que cravou 2.396.700 pontos, terminando o jogo.
Duck Hunt
Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".
Asteroids
O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.
Muitos aplicativos
Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.
Máquina de Pascal
A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.
Ábaco
O ábaco é o dispositivo de cálculo mais antigo construído e conhecido pelo homem. Suas formas mais primitivas datam de 400 a.C. e eles foram encontrados na China e na Babilônia. Para saber mais sobre a história dos computadores, clique aqui.
Galaxy Game
As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.
Space Invaders
O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.