欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  :hover在鼠标移到链接上时添加的特殊样式。
 
  提示::hover选择器器可用于所有元素,不仅是链接。
 
  提示::link选择器设置了未访问过的页面链接样式,:visited选择器设置访问过的页面链接的样式:active选择器设置当你点击链接时的样式。
 
  注意:为了产生预期的效果,在CSS定义中,:hover必须位于:link和:visited之后!!
 
  <stylemedia="screen">
 
  .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);
 
  }
 
  </style>
 
  <body>
 
  <divclass="pagination">
 
  <ul>
 
  <li><ahref="#">Prev</a></li>
 
  <li><ahref="#">1</a></li>
 
  <li><ahref="#">2</a></li>
 
  <li><ahref="#">3</a></li>
 
  <li><ahref="#">4</a></li>
 
  <li><ahref="#">5</a></li>
 
  <li><ahref="#">Next</a></li>
 
  </ul>
 
  </div>
 
  </body>







本文转载自中文网
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c55481.shtml