CSS padding Ö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 özelliği ve örnek uygulama</title> <style> p.mrgn { padding: 50px 30px 40px 80px; background-color:yellow; } </style> </head> <body> <p style="background-color:pink;">padding değeri girmediğimiz normal bir paragraf..</p> <p class="mrgn">Bu paragrafın css kodu padding: 50px 30px 40px 80px; üstten 50 sağdan 30 aşağıdan 40 soldan 80px olarak ayarlamış olduk.</p> <p style="background-color:aqua;">padding değeri girmediğimiz normal bir paragraf daha..</p> </body> </html>

KAYNAK KODLARI

SONUÇ EKRANI

Html5 , CSS3 ve Javascript Dersleri