CSS background-color से बटन का बैकग्राउंड रंग बदलें

CSS background-color प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) का पृष्ठभूमि रंग बदला जा सकता है। यह बटन की दृश्य पहचान और ब्रांडिंग के लिए महत्वपूर्ण है।

उदाहरण

नीचे दिए गए उदाहरण में, बटन पर background-color: yellow लागू करके पीला बैकग्राउंड सेट किया गया है।

<!DOCTYPE html>
<html>
<head>
  <style>
    .btn {
      background-color: yellow;
      color: black;
      text-align: center;
      font-size: 13px;
    }
  </style>
</head>
<body>
  <h2>Result</h2>
  <p>Click below for result:</p>
  <button class="btn">Result</button>
</body>
</html>

रंग मान के प्रकार:

• नामित रंग: red, blue, yellow, आदि
• HEX: #FF0000, #00FF00, #FFFF00
• RGB: rgb(255, 0, 0)
• RGBA: rgba(255, 0, 0, 0.5) (पारदर्शिता के साथ)
• HSL: hsl(0, 100%, 50%)

सर्वोत्तम अभ्यास: टेक्स्ट रंग (color) के साथ कंट्रास्ट सुनिश्चित करें (WCAG दिशानिर्देश)।