Html 如何打造人力资源设计师

想让hr像这样img1

及

img2

---

我不知道如何做到这一点

我很确定使用

不是推荐的方法。你可以试试：

<div><img src='http://i.stack.imgur.com/Llk2U.png'><div>

---

我很确定使用

不是推荐的方法。你可以试试：

<div><img src='http://i.stack.imgur.com/Llk2U.png'><div>

试试这个：

.hr{
背景图片：url(http://i.stack.imgur.com/Llk2U.png);
高度：100px；
背景重复：无重复；
背景大小：100%；
}

试试这个：

.hr{
背景图片：url(http://i.stack.imgur.com/Llk2U.png);
高度：100px；
背景重复：无重复；
背景大小：100%；
}

---

我知道这已经有了一个公认的答案，但我想看看是否有可能用CSS制作一个完全响应的版本。我找到了一个使用flexbox的解决方案：

。花式人力资源{
显示器：flex；
背景图像：
网址(http://i.imgur.com/ZmheWg5.png),
网址(http://i.imgur.com/ph3e3OT.png);
背景尺寸：115px 100%；
背景位置：0，100%0；
背景重复：无重复；
高度：37像素；
框大小：边框框；
填充：0 115px；
}
人力资源部：以前，
.幻想hr:之后{
内容：“；
弹性：1；
背景：url(http://i.imgur.com/NBus6Hr.png)重复-x；
}
.花式人力资源跨度{
显示：内联块；
身高：100%；
线高：37px；
}
.想象人力资源跨度：之前，
.花式人力资源跨度：之后{
内容：“；
宽度：10px；
身高：100%；
显示：内联块；
}
.想象人力资源跨度：之前{
背景图片：url(http://i.imgur.com/wMU1oDn.png);
浮动：左；
}
.花式人力资源跨度：之后{
背景图片：url(http://i.imgur.com/4Q2el3J.png);
浮动：对；
}

---

Text here

我知道这已经有了一个公认的答案，但我想看看是否有可能用CSS制作一个完全响应的版本。我找到了一个使用flexbox的解决方案：

。花式人力资源{
显示器：flex；
背景图像：
网址(http://i.imgur.com/ZmheWg5.png),
网址(http://i.imgur.com/ph3e3OT.png);
背景尺寸：115px 100%；
背景位置：0，100%0；
背景重复：无重复；
高度：37像素；
框大小：边框框；
填充：0 115px；
}
人力资源部：以前，
.幻想hr:之后{
内容：“；
弹性：1；
背景：url(http://i.imgur.com/NBus6Hr.png)重复-x；
}
.花式人力资源跨度{
显示：内联块；
身高：100%；
线高：37px；
}
.想象人力资源跨度：之前，
.花式人力资源跨度：之后{
内容：“；
宽度：10px；
身高：100%；
显示：内联块；
}
.想象人力资源跨度：之前{
背景图片：url(http://i.imgur.com/wMU1oDn.png);
浮动：左；
}
.花式人力资源跨度：之后{
背景图片：url(http://i.imgur.com/4Q2el3J.png);
浮动：对；
}

---

Text here

我认为您可以通过在css refere伪元素中设置边框图像来实现这一点。arjun不太擅长css。您可以提供代码吗？我认为您可以通过在css refere伪元素中设置边框图像来实现这一点。arjun不太擅长css。您可以提供吗代码请给出实现它的全部方法以及我尝试过的css，但没有幸运地更改为“contain”。更多的可用性。请给出完整的方式来实现它连同css我尝试了，但没有幸运的改变“包含”。更有用。这是更好的方法。它允许直接从代码更改文本。这是更好的方法。它允许直接从代码更改文本。