سایت آموزشی فری لرن
اجرا کن
مشاهده خروجی
<!DOCTYPE html> <html> <head> <style> :root{ --mybgcolor:#FF5722; --mytextcolor:#fff; --mypadding:10px; --mytextcenter:center; } .MyBox{ background-color:var(--mybgcolor); color:var(--mytextcolor); padding:var(--mypadding); text-align:var(--mytextcenter); } @media screen and (max-width: 450px){ :root{ --mybgcolor: yellow; --mytextcolor: #000; } } </style> </head> <body> <p><b>وقتی اندازه صفحه کمتر از 450 پیکسل شد متغیرهای جدید اعمال میشن</b></p> <div class="MyBox"> سایت آموزشی فری لرن </div> </body> </html>
اشتراک گذاری
×
کپی آدرس
آدرس با موفقیت کپی شد
