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

CSS से सभी अनविज़िटेड लिंक्स को स्टाइल करें

:link सेलेक्टर का उपयोग

:link सेलेक्टर उन लिंक्स (<a href>) को सिलेक्ट करता है जिन्हें यूजर ने **अभी तक विज़िट नहीं किया** है। यह ब्राउज़र हिस्ट्री पर निर्भर करता है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      a:link {
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <a href="https://www.example.com">Demo Website</a>https://www.example.com/
  </body>
</html>

नोट: HTML में टाइपो है: <a> बंद होने के बाद URL फिर से लिखा गया है। सही कोड में केवल लिंक टेक्स्ट होना चाहिए।

  1. CSS से सेंटर में लिंक/लोगो वाला नेविगेशन बार कैसे बनाएं? CSS से सेंटर में लिंक/लोगो वाला नेविगेशन बार कैसे बनाएं?

    CSS से सेंटर में लिंक/लोगो वाला नेविगेशन बार बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum

  1. CSS से hr एलिमेंट स्टाइल करना CSS से hr एलिमेंट स्टाइल करना

    hr स्टाइलिंग CSS से <hr> एलिमेंट को स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <meta name=viewport content=width=device-width, initial-scale=1> <head> <style> body{ font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20

  1. CSS से लेबल्स स्टाइल करना 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