CSS|  實例---寬度自由調節button,圖片切換

 

<html lang="en">

<head>
<meta charset="utf-8"/>
<title>Image Gallery</title>
<style type="text/css">
.btn1{display:inline-block; background:url(./sina_gray_btn.png) no-repeat left top; padding-left:3px; color:#000; font-size:12px; text-decoration:none;}
.btn1 cite{display:block; line-height:26px; padding:0 13px 0 10px; background:url(./sina_gray_btn.png) no-repeat right top;}

.btn1:hover{background-position:0px -28px}
.btn1 cite:hover{background-position:0px -28px}

</style>
</head>
<body>
<div />
<div>


</body>
</html>

相关文章:

  • 2021-11-12
  • 2022-12-23
  • 2022-02-22
  • 2021-07-10
  • 2021-10-15
  • 2022-12-23
  • 2021-06-15
  • 2022-12-23
猜你喜欢
  • 2021-10-26
  • 2022-12-23
  • 2021-10-01
  • 2022-12-23
  • 2021-08-31
  • 2022-12-23
  • 2021-12-05
相关资源
相似解决方案