Try It Yourself on April 10, 2025 Get link Facebook X Pinterest Email Other Apps Try It Yourself - CSS Variables Try It Yourself - CSS Variables <!DOCTYPE html> <html> <head> <style> :root { --main-color: #4CAF50; --text-color: white; } body { background-color: var(--main-color); color: var(--text-color); font-family: Arial, sans-serif; text-align: center; padding: 50px; } button { background-color: var(--text-color); color: var(--main-color); border: 2px solid var(--text-color); padding: 10px 20px; border-radius: 5px; cursor: pointer; } </style> </head> <body> <h1>Using CSS Variables!</h1> <p>This text and background color are set using CSS variables.</p> <button>Click Me</button> </body> </html> Run Comments
Comments
Post a Comment