CSS Styling Links

CSS can be used to style links in web pages. CSS can be used to style links on a webpage, including the link's color, font style, and text decoration. Here are some common CSS properties that can be used to style links:

Changing link color: 

By default, links are underlined and appear in blue color. You can change the color of links using the color property in CSS.

a {
 color: red;
}

Removing link underline: 

You can remove the underline from links using the text-decoration property in CSS.

a {
 text-decoration: none;
}

Changing link underline color: 

You can change the color of the underline for links using the text-decoration-color property in CSS.

a {
 text-decoration: underline;
 text-decoration-color: red;
}

Changing link hover styles: 

You can change the styles for links when they are hovered over using the :hover pseudo-class in CSS.

a {
 color: blue;
 text-decoration: none;
}
a:hover {
 color: red;
 text-decoration: underline;
}

Changing link visited styles: 

You can change the styles for links that have been visited using the :visited pseudo-class in CSS.

a {
 color: blue;
 text-decoration: none;
}
a:visited {
 color: purple;
}

Changing link active styles: 

You can change the styles for links that are currently being clicked using the :active pseudo-class in CSS.

a {
 color: blue;
 text-decoration: none;
}
a:active {
 color: red;
 text-decoration: underline;
}

Changing link focus styles: 

You can change the styles for links when they are focused using the :focus pseudo-class in CSS.

a {
 color: blue;
 text-decoration: none;
}
a:focus {
 outline: 2px solid red;
}

These are just a few examples of the many ways that CSS can be used to style links in web pages.