Kayıtlar

background etiketine sahip yayınlar gösteriliyor

CSS background Özelliği

Css background CSS background özelliğini kullanarak Html elemanının arkaplan özelliklerinin hepsi bir bildirimle gösterilebilir. Örnek background özelliğini kullanarak sayfanın bütün arka plan özellliklerini belirtelim. body { background: gray url("logo.png") no-repeat fixed center center; } Kendiniz deneyin » Css background nedir nasıl kullanılır Css background özelliğini kullanarak bir html elementinin arka plan rengi, resmi ,konumu, boyutu ,tekrar edip etmeyeceği ,orijin noktası ,kırpılıp kırpılmayacağı gibi özellikleri tek kısa bir bildirimle tanımlanabilir. CSS background CSS background Özellikler CSS Örnek Uygulamalar Varsayılan Değer: color   Kalıtsallık: yok   Animasyon: var Oynat Versiyon: CSS1 ve CSS3 JavaScript background: object.style.background="red url(resim.gif) top right no-rep

JavaScript CSS background Örnek

Aşağıdaki butona tıklayarak arka plan rengini maviden kırmızıya değiştirin ! Try it Kutu1 id ile tanımlanmış kutunun arka plan rengini değiştiriyoruz.

CSS background Animasyon

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style> #kutu-1 { width: 200px; height: 200px; background: yellow url('http://2.bp.blogspot.com/-heLmQwzssiU/VjfcuwCaLfI/AAAAAAAAA3c/y6m1UcwdhhI/s1600/smiley.jpg') no-repeat top left/15px 15px; -webkit-animation: animasyonismi 6s infinite; animation: animasyonismi 6s infinite; } @-webkit-keyframes animasyonismi { 60% {background: aqua right/200px 200px;} } @keyframes animasyonismi { 60% {b

CSS background özelliği örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title>css background örnek ve uygulama </title> <style> body { background: gray url("http://3.bp.blogspot.com/-YUUa3SQjD78/Vi9zMCZoEwI/AAAAAAAAA1g/dQqdBzJOF00/s1600/html-ve-css-dersleri.png") no-repeat fixed center center; } p{color:white; font-weight:bold;} </style></head> <body> <p>css'te arka plan background komutu : tek bir bildimle bütün arka plan özelliklerini yazmamızı sağlar</p> <p>Html ve Css Referansları mut