Aşağıda basit bir kutu örneği görülmektedir :
<html> <head> <style> div{ margin-left:50px; margin-right:20px; margin-top:100px; margin-bottom:40px; padding-left:40px; padding-right:50px; padding-top:20px; padding-bottom:30px; border-right-style:double; border-right-width:6px; border-right-color:red; border-top-style:outset; border-top-width:10px; border-top-color:green; border-bottom-style:dashed; border-bottom-width:5px; border-bottom-color:yellow; } </style> </head> <body> <div>Bu yazı div içine koyulmuştur. ve tam teşekküllü bir box'dır. Box model'in ne kadar güzel olduğunu göstermektedir.</div> </body> </html>
Yukarıda hem margin hem de padding değerleri ayarlanmıştır. tüm kenarların (alt,üst,sol,sağ) border değerleri farklı verilmiştir.