Como colocar um fundo degradê na página com CSS

Como colocar um fundo degradê na página

Essa dica é bem simples, de muita utilidade e para obter o resultado final, utilizamos o Fireworks como editor de imagens para criar o degradê e um pouco de CSS.

Vamos lá:

Abra um novo documento no Fireworks, e dê as seguintes dimensões: 10 X 700px

newdoc

Em seguida, crie uma imagem nas mesmas dimensões do documento e aplique o efeito degradê nela e salve com o nome fundodegrade e a extensão jpg.

img2

A regra CSS é a seguinte:

<style type=”text/css”>
body {
background:#02CBFF url(“fundodegrade.jpg”)
top left repeat-x fixed;
}
</style>

Lembre-se de colocar este código entre o e e a imagem criada deve ser inserida no mesmo diretório onde a página a ter o efeito aplicado está.

Related Posts with Thumbnails

Popularity: 12% [?]

Posts interessantes

    You can leave a response, or trackback from your own site.

    Leave a Reply

    Comment moderation is enabled. Your comment may take some time to appear.

    Powered by WordPress | Compare Credit Card Deals at iApplyForCreditCards.com | Thanks to BestInCreditCards.com, Video Game Music and Get Six Pack Abs
    Copy Protected by Chetan's WP-CopyProtect.