Como estilizar um bloco: borda, fundo, espaçamento, sombra

A engrenagem aparece ao passar o mouse sobre o bloco — no cabeçalho, rodapé, área de conteúdo, colunas do formulário, cartões. Ela abre a janela de estilos.

O que fica onde:

• «Borda» — posição (todos os lados ou individual), cor, espessura, arredondamento dos cantos.
• «Bloco» — cor de fundo e cor ao passar o mouse, gradiente («Usar gradiente de fundo»: tipo, ângulo, duas cores), sombra («Deslocamento X/Y», «Desfoque», «Expansão», «Cor da sombra», «Interna»), espaçamento interno, imagem de fundo.
• «Texto» — fonte, tamanho, cor.
• «Links» — cor dos links dentro do bloco separadamente do texto normal.
• «Animação» — aparecimento e movimento constante.
• «Posicionamento» — largura e altura (incluindo mínima e máxima), alinhamento do texto e do próprio bloco, visibilidade.

O interruptor principal é «Aplicar apenas para este bloco». Sem a marcação, a configuração atua em todos os blocos deste tipo em todo o site: colocou uma borda na área de conteúdo — ela aparecerá em cada página. Com a marcação — apenas neste bloco desta página.

Se não funcionou

• Estilizou o bloco errado. Os blocos estão aninhados uns dentro dos outros: aponte com mais precisão, a engrenagem aparece no bloco sobre o qual está o cursor.
• Mudou em uma página — mudou em todas. A marcação «Aplicar apenas para este bloco» não foi marcada. Reverta o valor e repita com a marcação.
• O alinhamento do texto não funciona. Verifique se não está definido neste mesmo bloco o alinhamento do próprio bloco — eles competem entre si.