CSS

CSS – Links

CSS – Links

Links can be styled in numerous ways in CSS. Links are styled differently based on the state the links are in. Those states are:

  • a:link
  • a:visited 
  • a:hover 
  • a:active 
Syntax:
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        /* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}

    </style>
</head>
<body>
    <div>
        <a href="https://www.greatlearning.in" target="_blank">Great Learning</a>
    </div>
</body>
</html>
Output:





Top course recommendations for you

    Circular Queue
    1 hrs
    Beginner
    3.1K+ Learners
    4.5  (208)
    Python Stack
    2 hrs
    Beginner
    5.7K+ Learners
    4.44  (264)
    AI and Big Data in IOT
    1 hrs
    Intermediate
    10K+ Learners
    4.47  (1068)
    Selenium Basics
    1 hrs
    Beginner
    25.2K+ Learners
    4.43  (1871)
    Selenium with Python
    1 hrs
    Beginner
    13.1K+ Learners
    4.44  (793)
    Selenium Projects with Python
    2 hrs
    Intermediate
    8.8K+ Learners
    4.49  (237)
    Java Projects
    1 hrs
    Beginner
    24.9K+ Learners
    4.19  (242)
    JDBC in Java
    1 hrs
    Beginner
    9.1K+ Learners
    4.42  (708)
    Flask Python
    1 hrs
    Beginner
    8.1K+ Learners
    4.39  (441)
    Linked List in Python
    3 hrs
    Beginner
    2.9K+ Learners
    4.55  (60)