用background 显示背景图的部分

分类: 文章 • 2024-10-13 10:50:47

<!DOCTYPE html>
<html>
<head>
<style>
body{margin:0;}
div{
width:200px;
height:100px;
margin:5px;
border:1px solid red;
background-image:url( http://www.google.com.hk/intl/zh-CN/images/logo_cn.png);
}
#div1{
background-position:left bottom;
}
#div2{
background-position:right top;
}
</style>
</head>
</body>
<div></div>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>