结构
<!DOCTYPE html>
<html>
<head>
<title>雪碧图</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="00.css">
</head>
<body>
<a href="#" class="aa"></a>
</body>
</html>
外联样式
.aa{
display: block;
width: 42px;
height: 30px;
background-image: url(img/amazon-sprite_.png);
background-position: -10px -339px;
}
.aa:hover{
background-position: -60px -339px;
}
.aa:active{
background-position: -125px -339px;
}
第九课小米网站练习雪碧图练习滑动门练习
雪碧图的使用场景： 不推荐使用雪碧图的地方： css Sprite(雪碧图）的实现原理： 雪碧图的实现方式： 作者...
Question： 1、什么是雪碧图？2、为什么使用雪碧图？3、什么情况下适合使用雪碧图？4、雪碧图怎么使用？5、...
1.个人博客 2.CSS选择器练习（餐厅练习） 开班信息image.png 亚马逊雪碧图image.png 按钮练...
1. 雪碧图 1.1. 雪碧图 雪碧图（sprite）也叫CSS精灵， 是一CSS图像合成技术； 该方法是将小图标...
大家好，我是前端西瓜哥。今天来随意聊聊雪碧图。 雪碧图是什么？ 雪碧图，英文原名叫 CSS sprites。 sp...
雪碧图
元素的层级 背景 电驴导航条 背景偏移与定位 背景固定 按钮练习 雪碧图 简写背景属性
1、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 简介CSS Sprites(雪碧图|精灵图)是一种...
本文标题：雪碧图练习
本文链接：https://www.haomeiwen.com/subject/ckoazftx.html
网友评论