Aşağıdaki kodları düzenle ve ardından sonucu gör butonuna tıkla...
​x
<p>Aşağıdaki kutuların css z-index özelliklerini değiştirin ve sonucu görün.</p>
 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.btdersleri.com</title>
​
<style type="text/css">
​
#kutu1{
    background-color: #6C3;
    height: 100px;
    width: 100px;
    position: absolute;
    z-index: 5;
    left: 50px;
    top: 50px;
}
​
#kutu2{
    background-color: #0CC;
    height: 100px;
    width: 100px;
    position: absolute;
    z-index: 10;
    left: 70px;
    top: 70px;
}
​
#kutu3{
    background-color: #F9C;
    height: 100px;
    width: 100px;
    position: absolute;
    z-index: 15;
    left: 90px;
    top: 90px;
}
​
</style>
​

Kodlarını Dene

Sitemizdeki örnekler üzerinde değişiklikler yaparak sonucu görebilir, bu sayede daha iyi anlayabilirsin.

Her geçen gün sitemizdeki konulara yeni örnekler eklenmektedir. Mümkün olduğunca fazla örnek yayınlamak öncelikli hedefimiz olup, bu konuda durmadan çalışmaktayız..

Facebook sayfamızı beğenerek ve sitemizi sık sık ziyaret ederek bize destek olabilirsiniz.


Html Kodunu Test Etme (Test your Html code) Css Kodunu Test Etme (Test your Css code) JavaScript Kodunu Test Etme (Test your JavaScript code) JQuery Kodunu Test Etme (Test your Jquery code)

Bu Sayfada Şunları Yapabilirsin

  1. Html Kodunu Test Etme (Test your Html code)
  2. Css Kodunu Test Etme (Test your Css code)
  3. JavaScript Kodunu Test Etme (Test your JavaScript code)
  4. JQuery Kodunu Test Etme (Test your Jquery code)
  5. BootStrap Kodunu Test Etme (Test your BootStrap page)

Son Eklenen Konular