Тёмный

COMO COLOCAR IMAGEM DE FUNDO COMO BACKGROUND NA PÁGINA HTML 

~Tio Do Html
Подписаться 1,4 тыс.
Просмотров 15 тыс.
50% 1

Inserir uma imagem em uma página html é um recurso muito comum. A propriedade background css permite que possamos com facilidade realizar esta operação.
👍 Inscreva-se: bit.ly/3CioNqT
---------------------------------------------------------------------------------
Imagens como fotos, figuras ou ícones são mídias usuais em qualquer site ou páginas de internet. Com o css é possível estilizar uma imagem para que ela seja renderizada no fundo, como background.
O CSS permite que possamos deixar nossas páginas muito mais elegante e sofistica principalmente com o uso de fotos ou outro tipo de figura que seja atrativa.
*CSS Reset"
🚀 • RESET CSS O QUE É? | C... *
5 Dicas para aprender html css
🚀 • COMO APRENDER HTML PAR...
O que é Box Model
🚀 • O QUE É BOX MODEL CSS ...
Link da imagem usada no vídeo
pixabay.com/pt/photos/bicicle...
---------------------------------------------------------------------------------
🛎️ ~Tio do HTML
Olá, meu nome é Marcelo! O Canal Tio do Html tem por missão apresentar conteúdo para construção e desenvolvimento de sistemas para web. Aqui desejo apresentar de forma básica os conceitos do HTML5 e do CSS3.
Além de HTML e CSS também curto muito o JS "Javascript" e libs como o Node.js e o React.
Gostaria de criar um vínculo bacana como você que for inscrito para juntos entendermos desafios do ambiente do desenvolvimento web. Olá, meu nome é Marcelo! O Canal Tio do Html
\o/ ~ do HTML
#background #html #css3

Опубликовано:

 

12 май 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 41   
@OluapOirevlis
@OluapOirevlis Год назад
Em nome de jesus, você foi a primeira pessoa que explicou isso e que de fato funcionou, eu estou desde as 3 da tarde tentando resolver isso!!!!!!!!!!!!!! AHHHHHH ahahhahahah muito obrigado!
@raquelaraujomendes
@raquelaraujomendes 3 месяца назад
Você explicou muito bem em um pequeno vídeo, parabéns!
@janilsonmoraes-e6r
@janilsonmoraes-e6r 7 дней назад
muito bom, obrigado
@Pedrobatista18
@Pedrobatista18 Год назад
muito bom. direto ao ponto!
@analuciaesteganigiffoni7535
@analuciaesteganigiffoni7535 5 месяцев назад
Explicação excelente. Obrigada 🙏
@andressaprado7431
@andressaprado7431 2 года назад
Agradeço Estava com um problema de carregar a imagem vi o seu video e deu certo obg sucesso...
@tiodohtml6697
@tiodohtml6697 2 года назад
Obrigado pelo comentário, Andressa! fico feliz que tenha ajudado.
@tiodohtml6697
@tiodohtml6697 2 года назад
Correção: box-sizing:0 para box-sizing: border-box 👍 Inscreva-se: bit.ly/3CioNqT Deixe seu comentário e deixe seu like é muito importante, muito obrigado e seja bem vindo.
@naqleto
@naqleto 2 года назад
Parabéns Marcelo, estou iniciando agora no CSS muito top suas dicas 👍🏿👏🏿👏🏿
@tiodohtml6697
@tiodohtml6697 2 года назад
Muito obrigado, valeu mesmo. Que bom que o canal esteja colaborando com seu aprendizado em html e css. Seja bem vindo.
@JorgivalSimao
@JorgivalSimao 7 месяцев назад
Excelente aula
@mub03
@mub03 Год назад
explicou muito bem!
@_BeneDrums
@_BeneDrums 4 месяца назад
Valeu amigo, muito bom!
@upgradefps2741
@upgradefps2741 2 года назад
Sou novo nisso passei 5 hrs consecutivas com um amigo e vc me ajudou mt nesse caso da imagem de fundo, obrigado msm
@tiodohtml6697
@tiodohtml6697 2 года назад
Cara, que bom que eu consegui ajudar.
@larissaroblox176
@larissaroblox176 11 месяцев назад
Oi, eu quero muito te agradecer pelo tutorial e deu super certo.
@robsonfranciscojose9871
@robsonfranciscojose9871 Год назад
Maravilhoso
@user-uv2wp3rk1v
@user-uv2wp3rk1v 7 месяцев назад
vlw mano ajudou mt
@werbson06
@werbson06 10 месяцев назад
obrigado!!!
@ceelokogames1945
@ceelokogames1945 Год назад
muito obrigado, eu estava esquecendo kkkkkkkkkkkkkk
@matheusalves8732
@matheusalves8732 Год назад
Obrigadoo tiooo
@phraps8197
@phraps8197 10 месяцев назад
to a mitas horas tentando resolver isso porque não ficava certo eu colocava e ficava debaixo das imagens e letras da pagina
@upgradefps2741
@upgradefps2741 2 года назад
O único q deu certo
@nicolecamara4857
@nicolecamara4857 3 месяца назад
Muito bacana, me ajudou muito, mas nao sei porque, o meu background continua repetindo quando mudo o zoom da pagina, nao era pra não acontecer isso? Outra coisa, só consegui fazer tudo funcionar inserindo o background no body de html e depois trabalhando em outra pasta css ... se alguem souber o motivo disso e puder ajudar, agradeço demais... é minha primeira semana programando rsrs'
@mcaronzinhos.p125
@mcaronzinhos.p125 2 года назад
Melhor Conteúdo Encontrado
@tiodohtml6697
@tiodohtml6697 2 года назад
Sem palavras, muito obrigado! As imagens em uma página ou site html ajudam dar uma maior elegância ao conteúdo e a estrutura. Obrigado.
@pablokaua4991
@pablokaua4991 8 месяцев назад
porque eu não consigo colocar texto na frente da minha imagem ela fica na frente dos textos como posso resolver isso ?
@leandrodukievicz462
@leandrodukievicz462 2 года назад
Tio, se puder em alguma hora no seu roteiro, poderia abordar os svgs?
@tiodohtml6697
@tiodohtml6697 2 года назад
KKK, É tanta coisa.. O mundo web é uma mar a ser desbravado!
@leandrodukievicz462
@leandrodukievicz462 2 года назад
Buenas Tio...essa do no repeat ainda não sabia, uma outra dúvida, pq ao chamar a img da moto vc colocou em aspas? normalmente coloco sem aspas mesmo... mas se for uma boa prática vou lembrar de pôr nos próximos projetos...
@tiodohtml6697
@tiodohtml6697 2 года назад
Leandro, a propriedade background possui várias operações para que possamos trabalhar com imagens, daria para fazer um vídeo com cada uma delas. 🤔
@neptune3046
@neptune3046 Год назад
Bro, já tentei de tudo e nada funcinaaaaa!!!!!!
@duckswim
@duckswim 2 года назад
Deixa agora que vi o background repeat kkk
@tiodohtml6697
@tiodohtml6697 2 года назад
kkkkk, maravilha! Se tiver mais alguma dúvida pode deixar aqui nos comentários. Abraços.
@eduardogomes579
@eduardogomes579 2 года назад
Qual a diferença do box-sizing:0: para o box-sizing: border-box;?
@tiodohtml6697
@tiodohtml6697 2 года назад
Eduardo, obrigado pelo comentário! Excelente observação. Isto, foi um erro que cometi na empolgação do "margin:0 e padding:0". No entanto, para esta aplicação não faz diferença alguma. Reforço, que não existe um valor "0" para box-sizing, sendo dois valores admitidos, que é o border-box e o padrão content-box. Mais uma vez, muito obrigado.
@luisfelipe2424
@luisfelipe2424 2 года назад
Não estou conseguindo escrever na imagem, como faço?
@tiodohtml6697
@tiodohtml6697 2 года назад
Olá, Luis Felipe, bom dia. Bem se você está usando somente a tag img para adicionar uma imagem na página html, é outro processo para que consiga 'escrever sobre a imagem'. Neste vídeo nós adicionamos uma imagem como background no corpo da página.
@duckswim
@duckswim 2 года назад
Cara minha a imagem que eu coloquei ta passando a largura do contêiner ,mesmo colocando background-color: 100%;
@tiodohtml6697
@tiodohtml6697 2 года назад
Já resolveu a parada?
@matyh802
@matyh802 Год назад
Nao vai de jeito nenhum isso, o caminho ta certo, ta na msm pasta do html