4.6 (案例) 背景图位置
2017-06-08 本文已影响0人
柒月柒日晴7
背景图位置.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景图位置</title>
<style type="text/css">
*{
padding: 0;margin:0;
}
ul{
list-style: none;
}
ul li{
width: 200px;
height: 80px;
padding-left: 20px;
background: url(images/z-shu.png) no-repeat;
background-position:0 0;
/*
精灵图 雪碧图
*/
/*background-origin:left center;*/
line-height: 80px;
}
</style>
</head>
<body>
<ul>
<li>第一章</li>
<li>第二章</li>
<li>第三章</li>
<li>第四章</li>
<li>第五章</li>
</ul>
</body>
</html>
