![]() |
|
||||
![]() Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais |
Você está aqui: CSS ::: Dicas & Truques ::: Bordas CSS |
||||
Como criar uma DIV redonda e alinhar o seu conteúdo ao centro usando as propriedades display, border-radius, justify-content e align-items do CSSQuantidade de visualizações: 591 vezes |
||||
Nesta dica mostrarei como podemos criar DIVs redondas, ou seja, circulares usando a propriedade border-radius do CSS. Por ser redonda, é claro que vamos querer que o conteúdo da DIV seja alinhado ao centro, tanto na horizontal quanto na vertical. Para isso nós vamos usar as propriedades display, justify-content e align-items. Note também as definições da cor de fundo, margens e espaçamento interno do elemento HTML. Eis o código HTML completo para o exemplo:
|
||||
![]() |
||||
CSS ::: Dicas & Truques ::: Cores de Fundo e Imagens de Fundo |
||||
Como definir uma imagem de fundo que se repete apenas verticalmente usando a propriedade background-repeat do CSSQuantidade de visualizações: 7489 vezes |
||||
Nesta dica mostrarei como podemos definir uma imagem de fundo para a página HTML e ajustá-la para repetir apenas verticalmente usando a propriedade background-repeat com o valor repeat-y. Note que, para definir a imagem de fundo, nós usamos a propriedade background-image. Veja o código CSS para o exemplo:
| ||||
CSS ::: Dicas & Truques ::: Cores de Fundo e Imagens de Fundo |
||||
Apostila CSS - Como definir a cor de fundo de um elemento HTML usando um valor rgbQuantidade de visualizações: 7292 vezes |
||||
A propriedade background-color aceita um valor de cor que pode ser informado por meio da função rgb(). Esta função aceita valores de 0 até 255 para a cores vermelho, verde e azul, ou seja Red, Green e Blue. Veja a figura abaixo: ![]() A cor de fundo para esta página for gerada com o seguinte código:
| ||||
CSS ::: Dicas & Truques ::: Barras de Navegação, Menus e Dropdowns |
||||
Como criar uma barra de navegação horizontal com menu dropdown em HTML e CSS - Menu suspenso usando CSSQuantidade de visualizações: 791 vezes |
||||
Nesta dica mostrarei como podemos usar uma combinação de várias propriedades CSS para criar um menu suspenso, ou seja, uma barra de navegação contendo links normais e também links que, ao passar o mouse, exibe uma lista de sub-menus. O código apresentado neste exemplo é muito útil para estudantes de HTML e CSS, pois apresenta várias propriedades interessantes para melhorar o visual e a usabilidade de suas páginas web. Entre as propriedades CSS usadas na criação deste menu suspenso nós podemos citar overflow, margin, padding, list-style-type, background-color, display, float, text-align, text-decoration, position, min-width e z-index. Note que coloquei o mínimo de código para fazer a barra de menus funcional. Fique à vontade para acrescentar as formatações que você achar interessante. Veja a página HTML e CSS para o exemplo:
| ||||
Veja mais Dicas e truques de CSS |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |