|
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_labels <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .label { color: white; padding: 8px; font-family: Arial; } .success {background-color: #4CAF50;} /* Green */ .info {background-color: #2196F3;} /* Blue */ .warning {background-color: #ff9800;} /* Orange */ .danger {background-color: #f44336;} /* Red */ .other {background-color: #e7e7e7; color: black;} /* Gray */ </style> </head> <body> <h1>Labels</h1> <span class="label success">Success</span> <span class="label info">Info</span> <span class="label warning">Warning</span> <span class="label danger">Danger</span> <span class="label other">Other</span> </body> </html> |