HTML / CSS CSS中的多个菜单图像按钮翻转

Question

我的导航栏出现此问题。我有5个.png按钮水平对齐。我想在CSS中给他们翻转，而不是JAVA。

我尝试了很多东西，但似乎无法控制它。我尝试的方式，它甚至不会加载图像...我不知道该怎么办:)我已经把它们放在一个大的div。这是我的代码：

<div id="img">
    <a id="anchor1" href="index.php" ></a>
    <img src="images/nav/spacer.png" alt="" class="btn"/>

    <a href="portfolio.php">
        <img src="images/nav/portfolio_btn.png" name="portfolio" width="128" height="51" border="0" class="btn" id="portfolio" alt="" />
    </a>
    <img src="images/nav/spacer.png" alt="" class="btn"/>
    <a href="diensten.php"><img src="images/nav/diensten_btn.png" name="bestellen" width="125" height="51" border="0" class="btn" id="diensten" alt="" /></a>
</div>

Answer 1

Answer 2