CSS
p.paragraf_kutusu { /*p etiketine bağlı paragraf_kutusu isimli sınıf*/
border: 1px solid black;
background-color: lightblue;
padding: 50px 30px 50px 80px;
}
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.
Üstten 50px, soldan 80px, alttan 50px, sağdan 30px 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