سایت آموزشی فری لرن
اجرا کن
مشاهده خروجی
<!DOCTYPE html> <html> <head> <style> .box-1{ background-color:#2196f3; width:200px; height:70px; border:5px solid black; padding:10px; box-sizing: content-box; } .box-2{ background-color:#2196f3; width:200px; height:70px; border:5px solid black; padding:15px; box-sizing: border-box; } </style> </head> <body> <p dir="rtl"><b>باکس اولی از content-box استفاده میکنه و باکس دومی از border-box </b></p> <p dir="rtl"><b>توجه : هردو باکس اندازه width و height شون یکی هستش</b></p> <div class="box-1"></div> <br> <div class="box-2"></div> </body> </html>
اشتراک گذاری
×
کپی آدرس
آدرس با موفقیت کپی شد
