howhenno.ru

Como fazer um banner para um site com CSS

Fazendo um banner é uma parte básica da web design. Muitos designers primeira vez usar tabelas para criar o layout banner e site. No entanto, usando CSS você pode definir o fundo, cores, tamanho e bordas da bandeira. Tabelas fazer um projeto difícil de gerir ao longo do tempo, enquanto CSS permite alterar elementos conforme necessário. Você precisa de um conhecimento básico de HTML para alcançar este pouco de scripting. Embora existam muitas maneiras de criar um banner com CSS, neste tutorial, vamos criar um banner dois tons centrado com texto que é alinhado à direita.

Coisas que você precisa

  • Um editor de texto
  • Um website
  • Um seletor de cores


  • Abra o arquivo html. Após a marca BODY colocar em tags DIV e dar o DIV uma etiqueta de identificação. Chamar a bandeira ID
    .

  • Digite o texto da sua bandeira entre as tags DIV que você acabou de criar,

    Seu site
    . Encerrar o teste em tags H1,

    Seu site

    . Isso fará com que seu texto maior do que o tamanho padrão por mais de quatro pontos.



  • Abra seu arquivo CSS. Configurar o estilo para o banner, digitando:

    bandeira {}. O #banner dirá os navegadores procurando o estilo de id = “banner” que isto é para uma etiqueta de identificação e é nomeado banner.

  • Entre o {} você terá de digitar os estilos. Existem muitos estilos em CSS. Nós só estará usando alguns estilos. Primeiro queremos centralizar o banner na página.

    bandeira {margin: 0 auto}


    Este usa margens para centralizar o site com auto e zero as margens superior e inferior.



  • Adicione os outros estilos.

    bandeira {margin: 0 auto

    IR

    Vídeo: como fazer um site html: link na pagina e tabela


    Width: 780px

    Vídeo: Como fazer um CSS/Style para Animespirit/SocialSpirit - PARTE 1 - CimaLogo e hospedagem de imagens.


    IR

    Vídeo: Como fazer um banner HTML


    Altura: 300px
    IR
    Border: # ff0000 10px sólida
    IR
    Antecedentes: #ffffff
    IR
    Color: # ff0000

    Vídeo: Como Fazer um Banner HTML para o seu site #3


    IR
    Font-size: 18px
    IR
    Text-align: right
    IR
    Padding-right: 10px;}

    Largura e altura definem o tamanho do banner. A fronteira é uma sólida linha de dez pixels em torno da caixa. Será vermelho, tal como definido pelo código hexadecimal, isto é, o # seguido pelos seis letras e números após ele. O fundo é definido como branco. Cor define a cor do texto, que é novamente vermelho, para combinar com a fronteira. Font-size define o tamanho do texto. Text-align posiciona o texto. Neste caso nós posicionamos o texto à direita da caixa. Preenchimento cria espaço entre o conteúdo, como texto, dentro da faixa e da borda da bandeira. Padding-right está definido para dar 10px de espaço entre o texto ea borda direita.

  • Salve seus arquivos.

dicas avisos

  • Para alterar as cores, utilize o seletor de cores para escolher uma cor na tela. O seletor de cores, em seguida, mostrar-lhe o código hexadecimal para essa cor.
Compartilhar em redes sociais:

Similar