TING沫 2022-10-10 16:53 采纳率: 70.6%
浏览 34
已结题

css多张背景图动态平铺

请问怎么实现这三张不同的图做横向平铺背景图，并根据文字长度加宽中间部分的矩形图

img

img

img

  • 写回答

4条回答 默认 最新

  • 一只成序源 2022-10-10 17:28
    关注
    
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            .box{
                display: flex;
            }
            .text{
                height: 42px;
                background-image: url(./img/m.png);
                color: #fff;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <img src="./img/l.png" />
            <div class="text">
                123
            </div>
            <img src="./img/r.png" />
        </div>
    </body>
</html>

    图片我自己下载到本地了，l代表左，m代表中间，r代表右

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

问题事件

  • 系统已结题 10月19日
  • 已采纳回答 10月11日
  • 修改了问题 10月10日
  • 修改了问题 10月10日
  • 展开全部