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

CSS के साथ सभी विज़िट किए गए लिंक को स्टाइल करें

<घंटा/>

सभी विज़िट किए गए लिंक को स्टाइल करने के लिए, CSS :visited चयनकर्ता का उपयोग करें।

उदाहरण

आप :विज़िट किए गए चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

<!DOCTYPE html>
<html>
   <head>
      <style>
         a:link, a:visited {
            background-color: white;
            color: black;
            border: 1px solid blue;
            padding: 30px 30px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
         }
         a:hover, a:active {
            background-color: red;
            color: white;
         }
      </style>
   </head>
   <body>
      <a href = "demo.html" target="_blank">Demo Link</a>
   </body>
</html>

  1. स्टाइलिंग लिंक सीएसएस के साथ काम कर रहे हैं

    CSS हमें वांछित के रूप में लिंक को स्टाइल करने की अनुमति देता है। हम रंग, पृष्ठभूमि, आकार में वृद्धि आदि जोड़कर टेक्स्ट को प्रारूपित कर सकते हैं। इसके अलावा, एक सुखद दृश्य प्रभाव बनाने के लिए एनिमेशन को जोड़ा जा सकता है। उचित कार्यक्षमता के लिए, छद्म चयनकर्ताओं का क्रम निम्नलिखित द्वारा दिया जाता ह

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