ภาพรวมของคำสั่ง padding
1. คำสั่ง padding มีไว้สำหรับระบุระยะห่างจากกรอบกับข้อมูลภายใน Elements
2. ปกติใช้หน่วยเป็น px ในการกำหนดระยะห่าง เช่น 15px, 30px เป็นต้น
โค้ด: เลือกทั้งหมด
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<style type="text/css">
#box1 {
border:solid 1px blue;
padding:15px;
clear:both;
width:300px;
margin:5px;
}
#box2 {
border:solid 1px green;
padding:25px;
clear:both;
width:300px;
margin:5px;
}
</style>
<div id='box1'>Box 1 padding:15px</div>
<div id='box2'>Box 2 padding:25px</div>
</body>
</html>