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


Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus