2012-03-06 138 views
2

我在我的項目中使用ASP.NET。在那我添加了一個帶有背景圖像的按鈕。如何在asp.net按鈕中的文本左側製作圖像?

但圖像正在定位在按鈕左邊的位置,如下圖所示。我想在非常接近文本的位置製作此圖像(正如我標記的)。文本位於按鈕的中心。 ?什麼辦法做到這一點,

enter image description here

碼 -

<asp:Button ID="btnKotAdd" runat="server" Text="Kot Addtion" 
        onclick="btnKotAdd_Click" 
        style="margin-left: 10%; background-image: url('Images/add.png'); background-repeat:no-repeat; height:35px;" 

        width="80%" Font-Overline="False" /> 

在此先感謝。

+0

從HTML的角度來看,圖像的位置取決於文本的大小,因此您必須添加圖像作爲按鈕的內容,如文本。我不確定你在ASP.NET中如何做到這一點。 – Douglas 2012-03-06 12:56:49

+0

您必須使用背景位置屬性。請看看這篇文章** http://www.w3schools.com/cssref/pr_background-position.asp** – 2012-03-06 13:04:13

回答

1

您必須根據您的要求調整按鈕圖像的background-position。像這樣:

style="margin-left: 10%; 
    background-image: url('Images/add.png'); 
    background-repeat:no-repeat; 
    height:35px; 
    background-position:30% 0;" 
+0

謝謝Sandeep。 – Sagotharan 2012-03-10 07:08:53

相關問題