サマリー：<!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; /* 因?yàn)楸尘皥D片往上移動(dòng)，所以是負(fù)值 */
margin: 100px auto;
}
p {
width: 56px;
height: 49px;
background: url(images/jd.png) no-repeat;
background-position: 0 -438px; /* 因?yàn)楸尘皥D片往上移動(dòng)，所以是負(fù)值 */
}
</style>
</head>
<body>
<!-- 1. 插入圖片 margin padding float position 移動(dòng)圖片 大小就是width
2. 背景圖片 background 來(lái)控制 size大小 background-position 位置 -->
<div>
</div>
<p></p>
</body>
</html>
添削の先生：天蓬老師添削時(shí)間：2019-06-29 13:02:12
先生のまとめ：背景設(shè)置在前端中是一個(gè)非常有趣的知識(shí), 使用得當(dāng),可以為你的項(xiàng)目增色