全屏背景布局居中显示demo

原创于 2014-02-11 10:10:53 发布 · 670 阅读

0 ·

CC 4.0 BY-SA版权

HTML/CSS 专栏收录该内容

34 篇文章

订阅专栏

本文展示了如何使用CSS和HTML创建动态、美观的双照片布局，适用于展示情侣照片，包括响应式设计和背景图像平铺。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div style="height:100%;width:100%;background:#231408;margin:0 auto;">
    <div style="position:relative;margin:0 auto;">
        <div style="height:235px;width:100%;background:url(http://www.360cang.com/xin_360/img/lover/lover_01.jpg) no-repeat center top;"></div>
        <div style="height:235px;width:100%;background:url(http://www.360cang.com/xin_360/img/lover/lover_01.jpg) no-repeat center top;"></div>
    </div>
</div>