Padding Border Margin

หลังจากได้พูดถึงเรื่อง padding+boder กันไปแล้ว คราวนี้มาดูเรื่องรวม margin เข้าไปด้วยกันครับ

สมมุติว่าผมจะสร้าง box หนึ่งอันกว้าง 500 พิกเซล ชื่อคลาสเดิมนะครับ (pd)

.pd
width: 458px;
padding-left: 10px; padding-right: 10px;
margin-left: 10px; margin-right: 10px;
border: solid 1px #FF9900;
}

รูป ตัวอย่างการใช้ padding border และ margin ของ css

ซึ่งความกว้างรวมทั้งหมด จะได้ 500px ตามพื้นที่ ที่เรากำหนดพอดี

Back to Top

5 Responses to Padding Border Margin

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top