CSS
p.paragraf_kutusu { /*p etiketine bağlı paragraf_kutusu isimli sınıf*/
border: 1px solid black;
background-color: lightblue;
padding: 25px 50px 75px;/*üstten, sağ ve soldan, alttan*/
}
Html
<html>
<head>
</head>
<body>
<p class="paragraf_kutusu">
Bu bir paragraf yani bir web sitesi elemanı. Bu nedenle diğer elemanlardan ayrılmalı. Etraflarına yeterince boşluk değeri vermeliyiz.
Üst ve alt 25px, sol ve sağ 50px boş bıraktık. Daha iyi anlamanız içinde paragraf kutumuza çizgi ekledik.
</p>
</body>
</html>
Çıktı

Tags:

css padding nedir
css padding kullanımı
css padding margin
css padding vs margin
css padding code
css padding class
css padding example
css in padding
css padding list
css padding ne işe yarar
css padding ne demek
css padding position
css padding style
css padding start
css padding select