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

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

<घंटा/>

सीएसएस के साथ लिंक को स्टाइल करने के लिए, सबसे पहले हमें निम्नलिखित लिंक राज्यों को जानना चाहिए:लिंक, विज़िट, होवर और सक्रिय। लिंक को स्टाइल करने के लिए एंकर एलिमेंट के छद्म वर्गों का उपयोग करें -

a:link for link
a:visited forvisited link
a:link for hover on link
a:active for active link

उदाहरण

आइए अब एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
   color: orange;
   text-decoration: underline;
}
a:hover {
   color: red;
   text-decoration: underline;
}
a:active {
   color: green;
   text-decoration: underline;
}
</style>
</head>
<body>
<h1>Tutorials</h1>
<p><a href="https://www.tutorialspoint.com/java">Java</a></p>
<p><a href="https://www.tutorialspoint.com/chsharp">C#</a></p>
<p><a href="https://www.tutorialspoint.com/jquery">jQuery</a></p>
<p><a href="https://www.tutorialspoint.com/ruby">Ruby</a></p>
<p><a href="https://www.tutorialspoint.com/pytorch">PyTorch</a></p>
</body>
</html>

आउटपुट

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

उदाहरण

आइए अब एक और उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
   color: blue;
   text-decoration: none;
}
a:hover {
   color: blue;
   text-decoration: none;
}
a:active {
   color: blue;
   text-decoration: none;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is the <a href="https://tutorialspoint.com">reference</a></p>
</div>
</body>
</html>

आउटपुट

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


  1. सीएसएस के साथ पेजिनेशन कैसे बनाएं?

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

  1. CSS विशेषता चयनकर्ताओं के साथ स्टाइलिंग फॉर्म

    CSS में विशेषता चयनकर्ताओं का उपयोग करके विशेष विशेषताओं वाले HTML तत्वों के लिए शैलियों को लागू करें। विशेषता चयनकर्ता पर निम्नलिखित नियम लागू होते हैं। p[lang] − lang विशेषता वाले सभी अनुच्छेद तत्वों का चयन करता है। p[lang=fr] − उन सभी अनुच्छेद तत्वों का चयन करता है जिनकी lang विशेषता का मान

  1. CSS के साथ स्टाइलिंग फर्स्ट-लेटर्स ::फर्स्ट-लेटर

    CSS हमें ::प्रथम-अक्षर छद्म-तत्व का उपयोग करके किसी तत्व के पहले अक्षर को स्टाइल करने में मदद कर सकता है। ध्यान दें कि विराम चिह्न, डिग्राफ और सामग्री गुण पहले अक्षर को बदल सकते हैं। निम्नलिखित उदाहरण CSS ::प्रथम-अक्षर छद्म-तत्व को दर्शाते हैं। उदाहरण <!DOCTYPE html> <html> <head>