07-背景属性

最新推荐文章于 2022-11-04 15:44:58 发布

原创最新推荐文章于 2022-11-04 15:44:58 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

web基础专栏收录该内容

22 篇文章

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .box{
            width: 300px;
            height: 300px;
            border: 1px solid black;

            /*!*background-color: red;*!*/
            /*background-image: url("./images/111.jpg");*/
            /*!*默认图片会重复，no-repeat 设置不重复*!*/
            /*background-repeat: no-repeat;*/
            /*!*background-position: 20px 50px;*!*/
            /*background-size: 100% 100%;*/

            /*简写*/
            background: url("./images/111.jpg") no-repeat 20px 50px;

            /*background-size: 80% 50%;*/

        }

        .box02{
            width: 95px;
            height: 95px;
            border: 1px solid black;

            background: url("./images/timg.jpg") -413px -298px;
        }

    </style>


</head>
<body>


<div class="box">

</div>


<div class="box02">

</div>



</body>
</html>