CSS: Arkaplan Resmi Eklemek

Web sayfalarının arkaplan resimleri reklam, tanıtım ve hayal gücü anlamında ne kadar başarılı ise o kadar dikkat çekecektir. Arkaplan web sayfaların en önemli kısmıdır bence. Eğer arkaplan kullanılıyorsa sade ve hoş olmalıdır.

Web sayfalarının arkaplan resimleri reklam, tanıtım ve hayal gücü anlamında ne kadar başarılı ise o kadar dikkat çekecektir. Arkaplan web sayfaların en önemli kısmıdır bence. Eğer arkaplan kullanılıyorsa sade ve hoş olmalıdır.

Arkaplan kodu aşağıdaki gibi örnekte belirttim temeli ve kullanımı oldukça basittir.Sadece resim dosyamızın hangi klasörde oludugunu veya yerini bulmamız ve göstermemiz gerekli.

Örneğin:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"

/>

<title>Artalan(Background) Özellikleri</title>

<style type="text/css">

body{

    background-image: url(deneme.png);  /* Resim Dosyası */

    color: #FFF;

}

</style>

</head>

<body>

<p>Ancak aşağıdaki mısralar bir dilencinin ağzından bize aktarılmış gibi görünsede asıl mesele toplumda yardıma muhtaç kimselere nasıl yardım edeceğimiz ve paylaşacağımız fikrinin vurgulanmasıdır.</p>

</body>

</html>



Çıktı


Kod

<style type="text/css">

body{

    background-image: url(deneme.png);  /* Resim Dosyası */

    color: #FFF;

}

</style>



Tarayıcı Desteği

Background-image özelliği tüm büyük tarayıcılarda desteklenir.

Not: IE8 ve daha önceki bir eleman birden fazla arka plan görüntüleri desteklemez.

Not: Değeri "inherit" IE7 ve önceki sürümlerinde desteklenmez. IE8 a! DOCTYPE gerektirir. IE9 "inherit" destekler.

Kaliteli ve ücretsiz arkaplan resimleri indirebilirsiniz

Bg Patterns
Subte Patterns
  • Etiketler;
Zafer Başpınar
Zafer BAŞPINAR Web hizmetleri alanına 2000 yıllarında başlayarak web hizmetleri alanında eğitim ve öğretim hayatına katarak gelişmekte olan web hizmetleri teknolojisine ayak uydurmaya gayret göstermektedir. Şuan ki durumu eğitim ve öğretim hayatına yurt dışında lisans olarak devam etmektedir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git