html背景平铺

最新推荐文章于 2024-02-04 16:03:29 发布

桔皮

最新推荐文章于 2024-02-04 16:03:29 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/weixin_46513229/article/details/117750105

版权

样式代码：

<style>
        div {
            width: 300px;
            height: 300px;
            background-color: pink;
            background-image: url(images/logo.png);
            /* 1.背景图片不平铺 */
            /* background-repeat: no-repeat; */
            /* 2.默认的情况下,背景图片是平铺的 */
            /* background-repeat: repeat; */
            /* 3. 沿着x轴平铺 */
            /* background-repeat: repeat-x; */
            /* 4. 沿着Y轴平铺 */
            background-repeat: repeat-y;
            /* 页面元素既可以添加背景颜色也可以添加背景图片 只不过背景图片会压住背景颜色 */
        }
    </style>

效果图：