按鈕

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>按鈕</title>
<style type="text/css">
/* 未訪問過的超鏈接 /
.btn:link{
display: block;
width: 93px;
height: 29px;
background-image: url(./img/btn.png);
/ background-repeat: no-repeat; /
}
.btn:hover{
background-position: -93px 0px;
}
/ 背景定位 */
.btn:active{
background-position: -186px 0px;
}
</style>
</head>
<body>
<a href="#"class="btn"></a>
</body>
</html>

按鈕.png

按鈕按下.png

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1. tab列表折疊效果 html: 能源系統事業部 崗位名稱： 工作地點 崗位名...
    lilyping閱讀 1,891評論 0贊 1
  • 不會用代碼框，所以看著有些亂套，，，，html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個帥氣的名字閱讀 1,560評論 0贊 0
  • 1、垂直對齊 如果你用CSS，則你會有困惑：我該怎么垂直對齊容器中的元素？現在，利用CSS3的Transform，...
    kiddings閱讀 3,195評論 0贊 11
  • 準備工作假設有一個三臺服務器的glusterfs集群，volume類型為副本數為3的分布式復制卷三臺server的...
    zhllsr閱讀 1,514評論 0贊 0
  • 今兒白夜行再次over～ 怎么說，大體來講，桐原的無私我很感動，但雪穗太陰暗了，且過分敏感。“所以為了保護自己的靈...
    佳宜佳宜小仙女兒啊閱讀 371評論 0贊 0