Criação de Triângulos com Bordas CSS: Princípios e Técnicas Avançadas
Princípio de Geração de Triângulos via Bordas CSS
O modelo de caixa CSS inclui margens, bordas, preenchimento e conteúdo. A borda forma naturalmente um trapézio: a base inferior é definida pela propriedade border-width, enquanto a base superior depende do conteúdo interno da caixa.
.caixa-base {
/* Dimensões do conteúdo */
largura-inter ...
Publicado em 7-24 00:43
Técnicas para Centralizar Elementos em CSS
<div class="stage">
<div class="card"></div>
</div>
Estilos comuns
.stage {
width: 500px;
height: 500px;
position: relative;
border: 2px solid #3498db;
margin: 0 auto;
}
.card {
width: 120px;
height: 120px;
border: 2px solid #e67e22;
}
Posicionamanto absoluto com margens automá ...
Publicado em 7-22 09:40