 |
|
||||
 Código-Fonte Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimentoDiga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais |
|||||
Você está aqui: CSS ::: Dicas & Truques ::: Bordas CSS |
||||||||
Como criar bordas arredondadas em CSS usando a propriedade border-radiusQuantidade de visualizações: 691 vezes |
||||||||
|
Nesta dica mostrarei como podemos criar uma DIV com cantos arredondados usando a propriedade border-radius do CSS. A técnica de deixar uma borda redonda no CSS está sendo usada em muitos sites, razão pela qual você deverá dominá-la também. A propriedade border-radius nos permite definir o raio de arredondamento dos quatro cantos de um elemento HTML, em geral elementos DIV e imagens. Veja uma página HTML completa na qual temos uma DIV com cantos arredondados e uma borda de 1px para que o efeito seja melhor visualizado:
Note que border-radius é uma forma reduzida das quatro propriedades border-top-left-radius, border-top-right-radius, border-bottom-right-radius e border-bottom-left-radius. Podemos usar essas propriedades individualmente ou usar a forma abrevida. Experimente, por exemplo, a seguinte combinação de valores para a propriedade border-radius:
Note o efeito interessante que é gerado nas bordas da DIV. |
||||||||
 Link para compartilhar na Internet ou com seus amigos: |
||||||||
CSS ::: Dicas & Truques ::: Cores de Fundo e Imagens de Fundo |
||||
Como definir uma imagem de fundo fixa para suas páginas HTML em CSS usando as propriedades background-image, background-repeat e background-attachmentQuantidade de visualizações: 11090 vezes |
||||
|
Nesta dica mostrarei como combinar as propriedades CSS background-image, background-repeat e background-attachment para definir uma imagem de fundo fixa para a página. Dessa forma, a imagem não será repetida e e permanecerá fixa no fundo da página, ou seja, não vai rolar com o restante do conteúdo. Veja como o exemplo ficará na imagem abaixo (é claro que sua imagem de fundo será diferente):  Veja o código HTML completo para o exemplo, incluindo as definições de estilo CSS:
| ||||
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: 7491 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 |
||||||||
Como definir uma imagem de fundo para um botão HTML usando a propriedade background-image do CSSQuantidade de visualizações: 9522 vezes |
||||||||
Nesta dica mostrarei como podemos usar a propriedade background-image do CSS para aplicar uma imagem de fundo a elemento <button> do HTML. Vamos ver duas abordagens. Na primeira abordagem usaremos CSS inline. Veja:
Agora veja a mesma técnica usando um bloco CSS na seção <head> da página HTML e definindo um id para o botão:
| ||||||||
Veja mais Dicas e truques de CSS |
Dicas e truques de outras linguagens |
|
Java - Como usar o método next() da interface Iterator do Java para obter o próximo elemento da iteração |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
