Background nasıl yapılır?

CSS ile arka plan oluşturma yöntemleri hakkında kapsamlı bilgi edinin. Arka plan renginden görsel eklemeye, tekrar ayarlarından konumlandırmaya kadar tüm detayları öğrenin ve web tasarımınızı bir üst seviyeye taşıyın.

Funda Tekin

İçindekiler Göster

Background nasıl yapılır?

CSS ile web sayfalarındaki arka planları oluşturmak, kullanıcı deneyimini zenginleştirmek için önemli bir adımdır. Farklı özellikleri kullanarak özelleştirilmiş arka planlar elde edebiliriz. Bu yazıda, CSS ile arka plan tanımlarken dikkate almanız gereken temel unsurlar üzerinde duracağız ve onu nasıl etkili bir şekilde uygulayabileceğinizi keşfedeceğiz.

CSS kullanarak HTML elementlerine arka plan (background) eklemek için aşağıdaki özellikleri kullanabilirsiniz:

Tüm bu özellikleri tek bir satırda 

background
özelliği altında birleştirerek de kullanabilirsiniz .

  1. background-color: Arka plan rengini belirtir . Örnek kullanım: 
    body { background-color: red; }
    .
  2. background-image: Arka plan resmi ekler, değer olarak görselin URL adresi yazılır . Örnek kullanım: 
    body { background-image: url("arkaplan.jpg"); }
    .
  3. background-repeat: Arka plan resminin tekrarlanma şeklini belirtir . Varsayılan olarak resim hem yatay hem de dikey olarak tekrarlanır, bu durumu değiştirmek için 
    repeat-x
    , 
    repeat-y
    veya 
    no-repeat
    değerleri kullanılır .
  4. background-position: Arka plan görselinin konumunu belirler . Örnek kullanım: 
    body { background-image: url("gorsel.png"); background-repeat: no-repeat; background-position: left top; }
    .
  5. background-attachment: Arka plan görselinin kaydırılıp kaydırılmayacağını veya sabitleneceğini belirtir . 
    fixed
    değeri görselin sabit kalmasını, 
    scroll
    değeri ise sayfanın geri kalanıyla birlikte kaydırılmasını sağlar .

Diğer Soru&cevap Yazıları

Ağızda dağılan tuzlu kurabiyeler nasıl yapılır?

Ağızda dağılan tuzlu kurabiyeler, çay saatlerinin vazgeçilmezleri arasında yer alır. Hem lezzetli hem de pratik bir atıştırmalık arayanlar için ideal bir seçimdir. Bu tuzlu kurabiyeler, kıyır kıyır dokusuyla damaklarda unutulmaz bir tat bırakırken, hazırlaması da...

Açılış organizasyonu nasıl yapılır?

Açılış organizasyonu, bir işletmenin ilk izlenimini oluşturduğu ve potansiyel müşterileriyle bağlantı kurduğu önemli bir etkinliktir. Bu tür organizasyonlar, doğru planlandığında hem katılımcılar hem de işletme için unutulmaz anlar sunar. Başarılı bir açılış, belirli unsurların bir...

Bademli kek nasıl yapılır?

Bademli kek, hem lezzeti hem de dokusuyla damaklarda unutulmaz bir tat bırakır. Bu özel tatlı, bademin zengin aromasını ve kekin hafif yapısını bir araya getirerek, çay saatlerinin vazgeçilmezi haline geliyor. Kendi mutfak deneyimlerinizi zenginleştirmek için...

Balkart bakiye sorgulama nasıl yapılır?

Balkart bakiye sorgulama işlemi, toplu taşıma kullanıcıları için oldukça önemlidir. Kullanıcılar, araçlarda kullanacakları bu kartların bakiyelerini kontrol ederek, seyahatlerini daha planlı ve sorunsuz bir şekilde gerçekleştirebilirler. Bu yazıda, Balkart bakiyenizi öğrenmenin çeşitli yollarını keşfedeceksiniz. Farklı...
Soru&cevap