欢迎来到Cecilia陈的博客

孤独,是人一生最好的修行。

[24--CSS] 显示图片部分内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示图片的部分内容</title>
    <!--left top是backgrount-position的属性值,代表可以显示图片的部分内容 -->
    <style>
        div{width: 500px;
            height: 500px;
            background-color: #bbbbbb;
            background-image: url('1.jpg');
            background-repeat: no-repeat;
        background-position: -80px 54px}
    </style>
</head>
<body>
    <div></div>
</body>
</html>
posted @ 2019-10-16 23:27  Cecilia陈  阅读(185)  评论(0编辑  收藏  举报