CSS / HTML

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. */

}
5 3 votes
Article Rating
Subscribe
Bildir
guest
2 Yorum
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
veysel
veysel
1 ay önce

bu eklediğimiz arkaplan resime link nasıl eklenir? yani demek istediğim eklenen arka plan resime tıkladığımızda belirlediğimiz link açılsın