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

}
4.4 5 votes
Article Rating
Subscribe
Bildir
guest
2 Yorum
Eskiler
En Yeniler Beğenilenler
Inline Feedbacks
View all comments
veysel
veysel
11 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