This article gives you the content is about the Css:hover selector usage of a simple introduction, there is a certain reference value, the need for a friend can refer to, I hope you have some help.
: Hover the special style that is added when you move the mouse over the link.
Tip: : The hover selector is available for all elements, not just links.
tip: The link selector sets a page link style that has not been visited: the visited selector sets the style of the page link that was visited: the active selector sets the style when you click the link.
Note: in order to produce the desired effect, in the CSS definition: hover must be located at: Link and: Visited!!
<style media= "Screen" >. pagination li {line-height:25px;list-style-type:none;}. Pagination a {display:block;color: #f2f2f2; text-shadow:1px 0 0 #101011;p adding:0 10px;border-radius:2px;box-shadow:0 1px 0 #5a5b5c inset,0 1px 0 #080808 background:linear-gradient (top, #434345, #2f3032);}. Pagination a:hover {text-decoration:none;box-shadow:0 1px 0 #f9bd71 inset,0 1px 0 #0a0a0a; Background:linear-gradient (to P, #f48b03, #c87100);} </style> <body> <div class= "pagination" > <ul> <li><a href= "#" >Prev< /a></li> <li><a href= "#" >1</a></li> <li><a href= "#" >2</a> </li> <li><a href= "#" >3</a></li> <li><a href= "#" >4</a></l I> <li><a href= "#" >5</a></li> <li><a href= "#" >NEXT</A></LI&G T </ul> </div> </body>