Html ve Css İle Arka Plana Resim Ekleme Kodları

« İnstagram Son Görülme Nasıl Kapatılır? {Resimli Anlatım}

Herkese merhabalar bu yazımızda sizlere html ve css ile arka plana nasıl resim ekleriz onun kodlarını paylaşacağız.

Html ve css en temel web programlama dilleridir.Bu iki dili bilen kolay bir şekilde basit bir web sitesi yapabilir.Tabii ki bu ikisi için de bilmemiz gereken bazı püf noktalar vardır.Bunlardan birisi de arka plana resim ekleme kodu.Peki html ve css’de arka plana nasıl resim ekleriz şimdi onun kodlarını sizlerle paylaşalım.

HTML Arka Plana Resim Ekleme Kodu

<body background="resmin-uzantısı-veya-urlsi-buraya-gelecek.jpg">

1	<body background="resmin-uzantısı-veya-urlsi-buraya-gelecek.jpg">

Burada background=”resim.jpg” kodları <body> etiketinin içine eklenecektir.Yani bir alt satırına veya üstüne değil tam içine eklenecektir.

CSS Arka Plana Resim Ekleme Kodu

body{
background-image: url(arkaplanresmi.png);
}

body{

background-image: url(arkaplanresmi.png);

}

Css kodlarında ise resmin url’si body’nin içerisine eklenmelidir.Burada eğer resim bir üst dosyadaysa url(dosyaadi/arkaplanresmi.png) şeklinde eklenmelidir.Aksi taktirde kod çalışmaz.

Gördüğünüz gibi arkadaşlar html ve css arka plana resim ekleme kodları bu şekildedir.Umarız faydalı olur.Herkese iyi çalışmalar ve iyi kodlamalar dileriz…

Bu Yazıya Tepkin Ne Oldu ?