-1

こんにちは、私の質問は非常に簡単です。vb 形式で取得できるボタンとまったく同じようにボタンを作成しようとしています。たとえば、ボタンにテキストが必要で、その中に画像も必要です。唯一の問題は、VB.net には 2 種類のボタンしかないことです。最初のボタンは画像が含まれ、テキストがまったくないボタンで、2 番目のボタンはテキストのみのボタンです。私が見つけた唯一の方法は、画像を背景に置くことです。残念ながら、画像はボタン内のすべてのスペースを使用しています。たとえば、背景画像を左または右に揃える方法があるかどうかを知りたい

ボタンのHTMLコードは次のとおりです。

<asp:Button ID="btn_LoadReport" runat="server" Text="Charger" 
   style="margin-left: 0px; margin-bottom: 0px; margin-right:0px;"                                                   
                            Height="35px" Width="102px" 
                            CssClass="Charger" />

そして、これは私が今のところ持っているcssコードです:

.Charger
{
    background-image:url(report.png);
    background-repeat:no-repeat;
    text-align:left;    
}

どうも

4

1 に答える 1

1

css を使用して画像を背景に配置しようとしましたが、テキストが画像の上にあります

これがbackground-position属性の目的です。

<button>Text</button>

button {
    padding-right:40px;
    background-image:url(myImage.png);
    background-repeat:no-repeat;
    background-position:center right;
}

このpadding-rightプロパティは、テキストが画像に重ならないようにするために使用されることに注意してください。

JSFiddle の例。

于 2013-03-11T14:58:49.330 に答える