css - 将侧面按钮图像添加到按钮

如何使用CSS将侧面图像添加到按钮。我在网站上进行了一些清理工作，并使用div将几页表格格式从表格式转换为CSS。现在，按钮不像以前那样具有圆形的侧面，但是我们仍然具有侧面图像。有人可以教我如何在div之前或之后通过div或css将这些图像添加回去吗？这是div的外观以及按钮的css。

<div>
    <!-- Edit Repair Button -->
    <cc1:TemplateButton ID="btnRepair" CssClass="costBenefitButton" runat="server" OnClientClickObjectPaths="0, RecordID; 1, CurrentUser"
        OnClientClickFormatString="ProblemRepair_problemID = '{0}'; User='{1}'; ModalDivEngine_ShowDiv('ProblemRepairDiv');"
        TextFormatString="<%$ Resources:CostBenefitDetails, CostBenefitDetails_btnRepair %>" />
    <%=TemplateManager.LOOP_TAG_END %>
</div>

CSS：

.costBenefitButton
{
    background-image: url(../../Images/SubmitButtonBack.png);
    color: White;
    font-family: Verdana;
    font-weight: bold;
    font-size: 8pt;
    width: 160px;
    height: 22px;
    border: none;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
}

请不要使用jquery或原型插件。谢谢

最佳答案

 background: #color url(../../Images/SubmitButtonBack.png) no-repeat left top;

这会将您的图像放在按钮的左上角。现在，您可能需要稍微移动图标才能使其完美放置，因此可能需要使用像素值（例如left top）代替2px 3px，该像素值应紧靠按钮的左上角像素放置。