Html 如何让四个div引用同一个图像

我有一个部门如下：

<div class="panel" style="width: 100%; height: 40px; ">
  <asp:Panel runat="server" ID="Panel1" HorizontalAlign="Center" >
    <asp:Image  id="Image2" runat="server"src="../../_images/arrow.jpg"  HorizontalAlign="middle"     style="width: 30%; height: 40px;  " />
  </asp:Panel>
</div>
<div class="panel" style="width: 100%; height: 160px;">

我想有四个这样的div，但引用的是同一个图像。我想知道我是否能在CSS中实现这一点？

---

否则，我必须复制4个箭头。

您可以使用CSS旋转图像。请阅读此帖：谢谢！这很有帮助！非常感谢。看起来很棒！

.rot90
{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
}