Como usar as margens em css

O (CSS) propriedade chamada margem de Cascading Style Sheet irá adicionar espaço para o exterior de qualquer elemento em seu documento HTML. Margem é parte do modelo de caixa de CSS e cria espaço em branco do lado de fora de qualquer preenchimento ou borda no elemento. Aqui é como usar as margens.

Coisas que você precisa

  • Um editor de texto simples para escrever as regras CSS
  • Uma página web que você está construindo

instruções

  1. Em uma folha de estilo CSS, cada lado de um elemento pode ter uma margem diferente. Quando você trabalha essa maneira de definir cada uma das margens individualmente. valores de margem na CSS deve ser dado de cima, direita, baixo e da esquerda.

    Aqui está um exemplo:

    P {
    margin-top: 1em-
    margin-right: 2em-
    margin-bottom: 0.5em-
    margin-left: 2em-
    }

  2. A mesma regra mostrado acima pode ser declarada utilizando CSS taquigrafia, como este:



    P {
    margin: 1em 0.5em 2em 2em-
    }

  3. Se todas as margens vão ser iguais, usar uma regra como esta:

    P {
    margin: 1em-
    }

  4. Se a parte superior e inferior será o mesmo e à esquerda e à direita será o mesmo, use esta regra abreviada:

    P {
    margin: 1em 2em-
    }

    O 1em wlll afetar a parte superior e inferior, o 2em afetará a direita e esquerda.

dicas & avisos

  • Margem é transparente, de modo que o fundo do elemento irá mostrar através.
De esta maneira? Compartilhar em redes sociais:

LiveInternet