Jarak antara kandungan elemen dan sempadan boleh ditetapkan, yang dipanggil "padding". Pengisian juga boleh dibahagikan kepada bahagian atas, kanan, bawah dan kiri (mengikut arah jam)
Jom tulis contoh di bawah:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:100px; border:1px solid red; padding:10px 10px 10px 10px; } </style> </head> <body> <div>php中文网</div> </body> </html>
Malah boleh juga ditulis begini
div{ padding-top:10px; padding-right:10px; padding-buttom:10px; padding-left:10px; }
Jika semuanya Anda juga boleh menulis seperti ini
padding:10px;
Turutan adalah atas kanan bawah kiri
Jika nilai atas dan bawah adalah sama dan nilai kiri dan kanan adalah sama, anda boleh menulis seperti ini
padding: 10px 20px;
bahagian seterusnya