Tutorial- Como usar backgrounds nas Imagens com CSS

by - agosto 29, 2013


anime

~~Yoo nekos
Espero que estejam muito bem!! Estou bem melhor hoje*-*
Ah, fizeram uma entrevista comigo *OOO*.
Quem tiver curioso (www)

Trouxe um tuto bem legal. Ah, e muito fácil^^

Fica assim:


Eu usei essa imagem como background:


Para isso é só usar esse código em qualquer lugar que desejar que sua imagem apareça:
Claro que na área HTML

<img src="URL DA IMAGEM" style="background: url(URL DO BACKGROUND); padding: 8px; width: 500px;"/>
Troque URL DA IMAGEM pelo link da imagem que desejar;

Troque URL DO BACKGROUND pelo link da imagem que desejar usar como plano de fundo .

E troque o valor 500 por outro correspondente ao tamanho que desejar que sua 
imagem tenha.
















Share


Tweet


Pin


Share




Tags :













You May Also Like













4
Comentários











  1. Unknown29 de agosto de 2013 às 11:28
    Q tuto fofo :3
    ResponderExcluir
  2. Marih Yoshida29 de agosto de 2013 às 19:55
    Ótimo tutorial Gaby-Chan! Vou usar na minha próxima postagem é muito kawaii!
    ResponderExcluir
  3. Anônimo30 de agosto de 2013 às 09:38
    Otimo tuto.
    Olha,tu ja fizes-te temas pro google,ne?
    Podes-me dizer as postagens?
    ResponderExcluir
  4. Nanda-chan31 de agosto de 2013 às 19:36
    Yoooooooo Gaby-chan te adoro muito *333333333333333333333333* 
    Saudades , mil saudades !! Socorro que eu to sumida !! T..T É tanta coisa ao mesmo tempo aqui que fica ruim de eu vim falar contigo T...T 
    ------------------------------------------------------------------------------

    *3333333* Já vi a entrevista !!!! Amei ela !! >3< fique sabendo que eu sou uma fã sua com certeza ! Mas amiga também !! ( pelo menos eu te considero amiga USHSUSHSUHS ' *OO* uma das minhas melhores amigas :3 ) 

    LOL que tutorial fácil O.O , pensei que seria um pouco mais difícil O.o 
    Mas ótimo ótimo ! Soube explicar direitinho ! *333* 

    Ah e mais uma coisa , sobre o layout lá , ainda não está pronto , vou tentar arranjar um dia livre inteirinho só pra arrumar ele -.-' eu nunca consigo terminá-lo !! Quero logo usar ele *333* 

    Beijos e abraços !! 
    Antes ...
    Você não está aceitando mais tags né ? Eu li um comentário seu dizendo que não fazia mais elas ... eu criei uma lá no meu blogger  , só não repassei pra ti por causa disso e.e 
    *----------* beeeeeijooos foooooooooofa ! 
    ResponderExcluir











Muito obrigada por seu comentário e por sua presença! 
Ambos são super importantes para mim.

Kaomojis:
(*´∀｀*) (*≧∀≦*) (=´∀｀)人(´∀｀=) ( ･ ▽ ･)
ヾ(*^▽^*)o,  ｡･ﾟﾟ･(>_<)･ﾟﾟ･｡ (＞ω＜；)＊(´∀`)ﾉﾉ＊
（。ゝω・）～♡ ﾍ(´∀｀ﾍ)ﾍ  (╯°□°）╯•ᴥ• (´･ω･`)