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

This article mainly introduces the CSS: hover selector how to use the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe you read this CSS: hover selector how to use the article will have a harvest, let's take a look at it.

A special style that hover adds when you mouse over a link

Tip: the hover selector is available for all elements, not just links.

Tip: link selector sets the style of unvisited page links, visited selector sets the style of visited page links, and active selector sets the style when you click on the link.

Note: in order to produce the desired effect, in the CSS definition,: hover must be after: link and: visited!!

.paginationli {

Line-height:25px

List-style-type:none

}

.paginationa {

Display:block

Color:#f2f2f2

Text-shadow:1px00#101011

Padding:010px

Border-radius:2px

Box-shadow:01px0#5a5b5cinset,01px0#080808

Background:linear-gradient (top,#434345,#2f3032)

}

.paginationa: hover {

Text-decoration:none

Box-shadow:01px0#f9bd71inset,01px0#0a0a0a

Background:linear-gradient (top,#f48b03,#c87100)

}

Prev

one

two

three

four

five

Next

This is the end of the article on "CSS: how to use hover selectors". Thank you for reading! I believe you all have a certain understanding of the knowledge of "CSS: how to use the hover selector". If you want to learn more, you are welcome to follow the industry information channel.

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.