การจัดระยะห่างระหว่างขอบของวัตถุ และเนื้อหา CSS
border
,
css
,
margin
,
padding
ไม่มีความคิดเห็น
padding จัดระยะห่างระหว่างขอบของวัตถุ และเนื้อหา เช่น ระยะห่างระหว่างเส้นตาราง และเนื้อหาในตาราง หลายคนคงสงสัยว่าแล้วมันต่างจาก margin ยังไง ก็ดูที่รูปด้านล่าง จะแสดงให้เห็นว่า margin และ padding ต่างกันยังไง
ลองพิมพ์ดูง่ายนิดเดียว คลิกที่หัวข้อเพื่อทดลองพิมพ์
1.ตัวอย่างการใช้งาน padding
ในตัวอย่างแสดงการใช้งาน padding ซึ่งจะใช้คำสั่ง padding เพื่อบอกระยะห่างระหว่างตารางและเนื้อหา เช่นเดียวกับการกำหนดระยะใน margin สามารถใช้หน่วย cm , px หรือบอกเป็น % ก็ได้
2.กำหนดระยะห่างด้านบน
ในตัวอย่างเป็นการกำหนดระยะห่างด้านบนของวัตถุ
3.กำหนดระยะห่างด้านขวา
ในตัวอย่างเป็นการกำหนดระยะห่างด้านขวาของวัตถุ
4.กำหนดระยะห่างด้านล่าง
ในตัวอย่างเป็นการกำหนดระยะห่างด้านล่างของวัตถุ
5.กำหนดระยะห่างด้านซ้าย
ในตัวอย่างเป็นการกำหนดระยะห่างด้านซ้ายของวัตถุ
เคดิต : http://www.hellomyweb.com/index.php/main/content/31
สมัครสมาชิก:
ส่งความคิดเห็น
(
Atom
)
ไม่มีความคิดเห็น :
แสดงความคิดเห็น