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ı

Bacanağın eşi kime denir?

Bacanağın eşine Türkçede özel bir terim bulunmaktadır. Aile ve akraba ilişkilerinin önemli olduğu kültürümüzde, bu tür tanımlar iletişimi güçlendirir. Bacanak, eşinin kardeşiyle olan ilişkiyi ifade ederken, bacanağın eşine de belirli bir isim verilmiştir....

Baca hesaplaması nasıl yapılır?

Baca hesaplaması, ısıtma sistemlerinin verimliliği ve güvenliği açısından kritik bir süreçtir. Özellikle, bacanın doğru çalışabilmesi için gereken fiziki ve kimyasal parametrelerin belirlenmesi büyük önem taşır. Bu hesaplamalar, bacanın tasarım aşamasında ve sonrasında uygulanacak yöntemler ile...

Backrooms'un ana karakteri kimdir?

Backrooms dünyası, sırlarla dolu ve tüyler ürpertici bir yer olarak karşımıza çıkıyor. Bu evrende öne çıkan karakter, David H. Miller'dır. Geçmişte kayıplar yaşayan David, kendini bir anda bilinmeyen bir kaçış odasında bulur. Ozzkee Inc. tarafından...

Bade karakteri kim?

Bade karakteri, Türk televizyon dizilerinde sıkça rastlanan ilgi çekici bir figürdür. Farklı dizilerde farklı oyuncular tarafından canlandırılan bu karakter, her seferinde farklı kişilik özellikleri ve hikayelerle izleyici karşısına çıkmaktadır. Bade'nin maceraları, izleyicilere aşk, rekabet ve...
Soru&cevap