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

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日
  • 展开全部

悬赏问题

  • ¥15 Vue3 大型图片数据拖动排序
  • ¥15 划分vlan后不通了
  • ¥15 GDI处理通道视频时总是带有白色锯齿
  • ¥20 用雷电模拟器安装百达屋apk一直闪退
  • ¥15 算能科技20240506咨询（拒绝大模型回答）
  • ¥15 自适应 AR 模型 参数估计Matlab程序
  • ¥100 角动量包络面如何用MATLAB绘制
  • ¥15 merge函数占用内存过大
  • ¥15 使用EMD去噪处理RML2016数据集时候的原理
  • ¥15 神经网络预测均方误差很小 但是图像上看着差别太大