الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> :root { --primary: #0275d8; --secondary: #6c757d; --danger: #dc3545; --white: #FFF; } .send { color: var(--white); background-color: var(--primary); } .edit { color: var(--white); background-color: var(--secondary); } .delete { color: var(--white); background-color: var(--danger); } button { padding: 10px 15px; border: 1px solid; cursor: pointer; } </style> </head> <body> <h1>CSS Variables</h1> <p>Variables are very powerfull, you can change their values to update the whole design.</p> <button class="send">Send</button> <button class="edit">Edit</button> <button class="delete">Delete</button> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود