Isi model kotakLOG MASUK

Isi model kotak

Jarak antara kandungan elemen dan sempadan boleh ditetapkan, yang dipanggil "padding". Pengisian juga boleh dibahagikan kepada atas, kanan, bawah, dan kiri (mengikut arah jam). Kod berikut:

div{padding:20px 10px 15px 30px;}

Tempahan tidak boleh dikelirukan. Anda boleh menulis kod di atas secara berasingan:

div{
   padding-top:20px;
   padding-right:10px;
   padding-bottom:15px;
   padding-left:30px;
}

Jika padding atas, kanan, bawah, dan kiri semuanya 10px, anda boleh menulis seperti ini

div{padding:10px;}

Jika padding atas dan bawah ialah padding; 10px yang sama, dan padding kiri dan kanan adalah 20px yang sama, anda boleh Tulis ini:

div{padding:10px 20px;}
rrree


bahagian seterusnya
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>填充</title> <style type="text/css"> #box1{ width:100px; height:100px; padding:10px; border:1px solid red; } </style> </head> <body> <div id="box1">盒子1</div> </body> </html>
babperisian kursus