Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to set hyperlinks in css, with a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

1. Simple hyperlink

Box.html

Hyperlink

Home page

Link.css

A.link {

Text-decoration:none

Font-size:23px

Display:black

}

2. Pseudo class: a certain state of an attribute

4 states of hyperlinks:

Link (status if not accessed)

Visited (status accessed by the user)

Hover (state when the mouse is over)

Active (status on mouse click)

Link.css

A:link {

Font-size:41px

Color:black

Text-decoration:none

}

A:visited {

Font-size:23px

Color:pink

Background-color:pink

}

A:hover {

Font-size:34px

Color:green

Background-color:#123456

}

A:active {

Color:blue

Font-size:60px

Background-color:#498544

}

Thank you for reading this article carefully. I hope the article "how to set hyperlinks in css" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.