摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style>div {width: 17px;height: 13px;back
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
width: 17px;
height: 13px;
background: url(images/jd.png) no-repeat;
background-position: 0 -388px; /* 因為背景圖片往上移動，所以是負值 */
margin: 100px auto;
}
p {
width: 56px;
height: 49px;
background: url(images/jd.png) no-repeat;
background-position: 0 -438px; /* 因為背景圖片往上移動，所以是負值 */
}
</style>
</head>
<body>
<!-- 1. 插入圖片 margin padding float position 移動圖片 大小就是width
2. 背景圖片 background 來控制 size大小 background-position 位置 -->
<div>
</div>
<p></p>
</body>
</html>
批改老師：天蓬老師批改時間：2019-06-29 13:02:12
老師總結(jié)：背景設(shè)置在前端中是一個非常有趣的知識, 使用得當(dāng),可以為你的項目增色