CSS Arkaplan Görseli Ekleme

Css le html elementleriniz arkasına görseller ekleyebilir. Eklediğiniz görselleri manipüle edebilirsiniz. Bunun için seçeceğiniz elementin arkaplan görseli kullanmaya uygun olması gerekmektedir.

Kısaca

background-image: url("resim adresi");

HTML

<div class="cagri">
     <h1>Hasan Çağrı Güngör></h1>
</div>

CSS

.cagri {

 background-image: url("https://image.freepik.com/free-vector/futuristic-digital-cyber-technology-background_115579-430.jpg"); /* Kullanılacak Görsel */
  background-color: tomato; /* Görsel Çalışmassa Arkaplan Rengi */
  background-position: center; /* Görseli Ortala */
  background-repeat: no-repeat; /* Resmi tekrarlama */
  background-size: cover; /* resmi ekranı kaplayacak hale getir. */

}