การใช้ css padding และ border ร่วมกัน

ภาพสี่เหลี่ยมสีเหลือง ขอบสีดำ

ถ้าหากเราต้องการ box ขนาด 500px padding 5px border 5px การเขียนคลาส สามารถเขียนได้ดังนี้


.pd {
width: 480px;
padding: 5px;
border: solid 5px #000;
}

อย่าลืมนะครับว่า padding ซ้าย-ขวา 5+5 = 10 และ border ซ้าย-ขวา 5+5 = 10 ค่า width จึงเขียนแค่ 480 เพราะผมรวมออกมามันจะเป็นค่า 500px นั่นเอง

Back to Top

5 Responses to การใช้ css padding และ border ร่วมกัน

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