Padding Border Margin

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

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

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

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

รักกันชอบกันอย่าลืมแชร์นะครัช:
error0
Tweet 20
fb-share-icon20

Back to Top

5 Responses to Padding Border Margin

  1. Artofid

    บางครั้งถ้าคุณทำไปๆ แล้ว IE6 มันดับเบิ้ล margin ให้ ไม่ต้องตกใจนะครับ มันเป็นบั๊กอะไรสักอย่าง ให้เปลี่ยนมาใช้ padding แทนโดยอาจจะซ้อนกัน 2 div ก็ได้ และเมื่อทำไปนานๆ คุณจะเริ่มภาวนาให้รีบผ่านยุค IE 6 ไปเสียที

    Reply

  2. MP3WizarD

    ทุกวันนี้ก็ภาวนาอยุ่ครับ ขัดใจมากกับการใช้ file PNG 24 bits

    Reply

  3. dogdoy

    ผมขอช่วยภาวนาด้วยคนนะครับ

    Reply

  4. มือใหม่

    ไม่ค่อยเข้าใจเท่าไร

    แต่ก็ขอภาวนาด้วยอีกคนละกัน

    – –

    Reply

  5. เดวิด

    ใช่ครับ IE มันห่วยจริง ๆ

    อยากให้ทุกคนเปลี่ยนมาใช้ firefox ให้หมดจะได้เขียนง่าย ๆ หน่อย

    Reply

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

Social Share Buttons and Icons powered by Ultimatelysocial