多背景

    <style>
        .box{
            width: 623px;
            height: 416px;
            border: 1px solid #000;
            margin:100px auto;
            /* 给盒子加多个背景,按照背景语法格式书写,多个背景使用逗号隔开 */
            background: url(images/bg1.png) no-repeat left top
                        ,url(images/bg2.png) no-repeat right top
                        ,url(images/bg3.png) no-repeat right bottom
                        ,url(images/bg4.png) no-repeat left bottom
                        ,url(images/bg5.png) no-repeat center;
        }
    </style>
</head>
<body>
    <div class="box"></div>
</body>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、圆角 水平半径|垂直半径 也可以下面这样 水平半径一垂直半径不一样如下: 案例代码 效果 二、背景 多背景 三...
    joy_蓝蜘蛛阅读 5,170评论 0 1
  • .demo{ background-color: #f00; background-image: url(../i...
    而生lhw阅读 4,253评论 0 0
  • 多背景和CSS2背景层级的理解相反的,第一张是最上面的 这些背景相互堆叠,第一个背景放在最上面,最后一个背景放在最...
    panw3i阅读 4,446评论 0 0
  • 代码 效果图 多背景只有最后一层有背景色
    panw3i阅读 1,729评论 0 0
  • 你我初识,你说,老家的杏花酿别有一番韵味!你说,明年杏花盛开,我带你去看满目的胭脂沁雪。用晨起的花,酿最美的酒……...
    顾沐安阅读 1,171评论 0 0

友情链接更多精彩内容