如何用图像替换我的ascii箭头？

Question

您好我正在尝试用箭头图像替换我的ascii箭头以显示有子菜单。我知道如何将图像放在文本的左侧，但无法看到如何将图像放在右侧。我试过谷歌搜索这个并且运气不好。

代码：

<div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
                    EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"></asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/PrizeRedemption.aspx" Text="Prize Issuance">
                        <asp:MenuItem Text="Issue Bounty Prizes" NavigateUrl="~/IssueBountyPrize.aspx"></asp:MenuItem>
                        </asp:MenuItem>
                        <asp:MenuItem Text="Administration" 
                            Value="Administration" Selectable="False">
                            <asp:MenuItem Text="Users" Value="Users" NavigateUrl="~/Admin.aspx?mode=users"></asp:MenuItem>
                            <asp:MenuItem Text="Prizes" Value="Prizes" NavigateUrl="~/Admin.aspx?mode=prizes"></asp:MenuItem>
                            <asp:MenuItem Text="Tournaments  >" Value="Tournaments" NavigateUrl="~/IssuePrizes.aspx">
                            <asp:MenuItem Text="Tournament Templates"  Value="Tournament Templates" NavigateUrl="~/TournamentTemplates.aspx">
                            </asp:MenuItem>
                            </asp:MenuItem>

Answer 1

我可能会在MenuItem添加一个类。然后使用CSS background-position将图像定位在正确的位置。

阅读CSS background-position documentation了解详情。