CSS से लेबल्स स्टाइल करना

लेबल स्टाइल्स

CSS से लेबल्स स्टाइल करने के लिए निम्न कोड उपयोग करें:

उदाहरण

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; margin: 20px; }
span { font-size: 18px; font-weight: 600; color: white; padding: 8px; }
.success { background-color: #4caf50; }
.info { background-color: #2196f3; }
.warning { background-color: #ff9800; }
.danger { background-color: #f44336; }
.other { background-color: #e7e7e7; color: black; }
</style>
</head>
<body>
<h1>Labels Example</h1>
<span class="success">Success</span>
<span class="info">Info</span>
<span class="warning">Warning</span>
<span class="danger">Danger</span>
<span class="other">Other</span>
</body>
</html>

आउटपुट