Belajar CSS Menggunakan Padding

Posted by Yogo Prestiyanto on Thursday, November 22, 2012

Padding adalah jarak dalam. Masih bingung mungkin dari pengertian padding. Sebagai contoh saya mempunyai sebuah kaos, setelah saya pakai terdapatlah sebuah jarak antara badan saya dengan kaos tadi. Begitu kira-kira yang dimaksud dengan padding.
Apakah juga masih bingung pengertiannya?
Mending langsung saja saya akan memberikan contoh dari kasus padding ini.

Berikut contoh script padding :



Untuk tampilannya adalah sebagai berikut :


Maka akan terlihat jika paragraf yang diatas tidak menggunakan padding sedangkan yang bawah menggunakan padding.

Pada bagian ini anda bisa melihat perbedaanya :

<style>
p
{
background-color:pink;
}
p.padding
{
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
}
</style>
<body>
<p>Disini adalah sebuah paragraf yang tidak menggunakan padding</p>
<p class="padding">Paragraf ini menggunakan padding, dan terlihat bedanya top=atas,bottom=bawah,right=kanan,left=kiri</p>











   

1 comment:

  1. makasih gan infonya... ane lg belajar
    tulisan agan sangat membantu.

    ReplyDelete