CSS Padding Kullanımı - Farklı Kısa Yazım Padding Örnekleri

Konuya git Çalıştır 
<!DOCTYPE html>
<html>
<head>
<style>
div {
    border: 1px solid black;
    background-color: #104B79;
    color:#fff;
    margin:10px;
}

div.ornek1 {
    padding: 25px 50px 75px 100px;
}

div.ornek2 {
    padding: 25px 50px 75px;
}

div.ornek3 {
    padding: 25px 50px;
}

div.ornek4 {
    padding: 25px;
}
</style>
</head>
<body>

<h2>Kısa yazım CSS padding Örnekleri</h2>
<div class="ornek1"> İçerik taşıyıcı kutu:  padding: 25px 50px 75px 100px;</div>
<div class="ornek2"> İçerik taşıyıcı kutu:   padding: 25px 50px 75px;</div>
<div class="ornek3"> İçerik taşıyıcı kutu:   padding: 25px 50px;</div>
<div class="ornek4"> İçerik taşıyıcı kutu:   padding: 25px ;</div>


</body>
</html>