Aşağıdaki kodları düzenle ve ardından sonucu gör butonuna tıkla...
​x
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>www.btdersleri.com</title>
<style>
div{ margin:5px auto;}
​
.kutu1 {
    width: 200px;
    height: 100px;
    padding: 0px;
    border: 1px solid blue;
}
​
.kutu2 {
    width: 200px;
    height: 100px;
    padding: 50px;
    border: 1px solid red;
}
​
.kutu3 {
    width: 200px;
    height: 100px;
    padding: 0px;
    border: 1px solid blue;
    box-sizing: border-box;
}
​
.kutu4 {
    width: 200px;
    height: 100px;
    padding: 50px;
    border: 1px solid red;
    box-sizing: border-box;
}
</style>
</head>
<body>

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