Dúvidas‎ > ‎

18. O que é background-size:cover; ?

É uma propriedade HTML que serve para modificar o tamanho padrão da imagem deixando-a em fullscreen (Tela inteira). Coloque uma imagem em uma tabela e insira essa propriedade. Veja no exemplo:

<table cellpadding="2" cellspacing="2" border="0" width="100%" height="100%" background="(Aqui insira a URL de sua imagem)" style="text-align: center; background-size: cover;">
<tbody>
    <tr>
        <td><span style="color: rgb(255, 255, 255); font-weight: bold; font-size: x-large;">
            (Insira um texto ou frase nesse espaço)
        </span></td>
    </tr>
</tbody>
</table>

Adicione uma "Página", para inserir sua imagem via web. Em  seguida clique em "Configurar" sua página para iniciar.
https://sites.google.com/a/sol7.com.br/bimachine/duvidas-operacionais/o-que-e-background-size-cover/adicionandopaginacockpit.png

Aplique esse conteúdo para apresentar a imagem. No espaço destacado em azul,aplique os dados da imagem via web.
https://sites.google.com/a/sol7.com.br/bimachine/duvidas-operacionais/o-que-e-background-size-cover/aplicandocodigodaimagem.png

Na ferramenta destacada habilite a imagem escolhida, para verificar que inseriu corretamente. Feito isso Salve.
https://sites.google.com/a/sol7.com.br/bimachine/duvidas-operacionais/o-que-e-background-size-cover/imageminserida.png

Assim ficará sua tela inicial do "Cockpit". Com uma aplicação bem desenvolvida para deixar seu projeto mais inovador.
https://sites.google.com/a/sol7.com.br/bimachine/duvidas-operacionais/o-que-e-background-size-cover/imageminicialcockpit.png