如何让四个div引用相同的图像

Question

我有一个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份箭头。

Answer 1

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