用background 显示背景图的部分

最新推荐文章于 2024-09-25 14:52:26 发布

原创最新推荐文章于 2024-09-25 14:52:26 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div #border #url

JS CSS 专栏收录该内容

2 篇文章

订阅专栏

本文通过一个具体的HTML与CSS代码示例介绍了如何设置不同位置的背景图片，并强调了使用较大且不透明图片的要求。

<!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>