27/07/2013

Tutorial- Como usar backgrounds nas Imagens com CSS


anime

~~Yoo nekos
Espero que estejam muito bem!!
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.





Enfim, é isso!!
Bem fácil^^
~~Kissus

6 comentários:

  1. Woooooow e não é que eu não sabia fazer isso ??!
    Só sabia o de colocar 2 background no blog e.e

    Muito útil !! Não vou precisar ficar utilizando aqueles códigos pra mover o gadget e etc U.U só pra imagem do cabeçalho !!

    KKKKKKKKKK ' *------------------*
    Amei !
    ( o gif tá muito fofo !! Só não me lembro de qual parte do anime era ! A cara do usui está linda !! )

    Bjoooooooos fofa !! *3*

    ResponderExcluir
  2. Muito legal o tutorial
    Ameiii o blog
    tenho uma tag
    http://animesforever-af.blogspot.com.br/2013/07/tags-mangas-e-conhecendo-animes.html
    bjsss

    ResponderExcluir
  3. Tag pra vocês! ^0^

    http://umausagi-chan.blogspot.com.br/2013/07/desafio-dos-30-dias-de-kpop-28-dia-tag.html#more

    ResponderExcluir
  4. O blog de vcs ta incrivel
    só quero saber de uma coisa
    Posso fazer parceria com o blog? Onegai
    Só estou meio chatiada pq estou com poucos seguidores mas, isso é coisa q vem com o tempo né
    ja seguindo o novo blog de vcs ta!
    Tão kawaiii!!! :3
    Bye bye ne!

    ResponderExcluir
  5. Adorei^^
    Aceita parceria?

    www.my-animes-world.blogspot.com

    ResponderExcluir