HTML+CSS Mudah untuk Memulakan Pengisian Model Kotak
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中文網(wǎng)</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;
