Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS के साथ सक्रिय लिंक को स्टाइल करें

<घंटा/>

सक्रिय लिंक को स्टाइल करने के लिए, CSS:सक्रिय चयनकर्ता का उपयोग करें। आप सक्रिय लिंक को स्टाइल करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         a:active {
            background-color: green;
         }
      </style>
   </head>
   <body>
      <a href = "https://qries.com">Welcome to Qries</a>
      <p>Click on the above link to see the effect.</p>
   </body>
</html>

  1. CSS के साथ स्टाइलिंग लिंक CSS के साथ स्टाइलिंग लिंक

    सीएसएस के साथ लिंक को स्टाइल करने के लिए, सबसे पहले हमें निम्नलिखित लिंक राज्यों को जानना चाहिए:लिंक, विज़िट, होवर और सक्रिय। लिंक को स्टाइल करने के लिए एंकर एलिमेंट के छद्म वर्गों का उपयोग करें - a:link for link a:visited forvisited link a:link for hover on link a:active for active link उदाहरण आइए

  1. सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें? सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?

    CSS के साथ hr एलिमेंट को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI',

  1. CSS के साथ लेबल कैसे स्टाइल करें? CSS के साथ लेबल कैसे स्टाइल करें?

    CSS के साथ लेबल को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI",