css控制按钮hover

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css"> /* Css样式要放到页面头部,而且要加上<style> */
.btn {
 background: url(../xx1.png);
 line-height: 15px;
 height: 95px;
 width: 95px;
 /* margin: 10px 0 0 20px;margin-top 和 margin-left 一句就可以实现了 */
 border: none; /* border-top\left\right\bottom 也可以缩到一句 */
}
.btn:hover{
 background: url(../xx2.png);
 line-height: 15px;
 height: 95px;
 width: 95px;
  /*margin: 10px 0 0 20px; margin-top 和 margin-left 一句就可以实现了 */
 border: none; /* border-top\left\right\bottom 也可以缩到一句 */
}
</style>
</head>
<body>
<center>
	<button class="btn" onclick="">
	</button>
</center>


</body>
</html>

相关推荐