雪碧图----gwc.css/gwc.html

最新推荐文章于 2024-07-09 15:50:19 发布

YRyr.*

最新推荐文章于 2024-07-09 15:50:19 发布

阅读量189

点赞数

分类专栏： CSS 文章标签：雪碧图---gwc.css/gwc.html

本文链接：https://blog.csdn.net/weixin_43152725/article/details/85316293

版权

CSS 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

gwc.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>gwc</title>
	<link href='gwc.css' rel='stylesheet' type="text/css">
</head>
<body>
	<a href="#" class="btn"></a>
	
</body>
</html>

gwc.css

.btn:link{
	display: block;
	width:40px; 
	height:30px;
	background-image: url(img/1.png);
	background-repeat: no-repeat;
	background-position:-11px -341px;
}
.btn:hover{
	background-position:-57px -341px;
}
.btn:active{
	background-position:-129px -341px;
}