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.



You May Also Like

4 Comentários

  1. Ótimo tutorial Gaby-Chan! Vou usar na minha próxima postagem é muito kawaii!

    ResponderExcluir
  2. Otimo tuto.
    Olha,tu ja fizes-te temas pro google,ne?
    Podes-me dizer as postagens?

    ResponderExcluir
  3. 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, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)