CSS padding-bottom Örnek

Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.

KAYNAK KODLARI	SONUÇ EKRANI
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>css padding-bottom özelliği ve örnek uygulama</title> <style> p.padbottom { padding-bottom:100px; background-color:yellow; border:1px solid black; } p{ border:1px solid black; } </style> </head> <body> <p>padding değeri vermediğimiz normal bir paragraf..</p> <p class="padbottom">Bu paragrafın css kodu <b style="color:red;">padding-bottom:100px;</b> olarak uygulandı ve içerik kısmı ile alt border(kenar çizgisi) arası uzaklık 100px değerinde oldu.</p> <p>padding değeri vermediğimiz normal bir paragraf daha..</p> </body> </html>

KAYNAK KODLARI

SONUÇ EKRANI