LinkButton com imagem

<< Click to Display Table of Contents >>

Navigation:  ASP.NET > ASP Controls >

LinkButton com imagem

Previous pageReturn to chapter overviewNext page

Modo simples

 

      <asp:LinkButton ID="Linkbutton1" runat="server">

          <img src="http://fotos.imagensporfavor.com/img/pics/glitters/g/gato-12194.gif" />

          <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

      </asp:LinkButton>

 

 

Com CSS

 

 

<head runat="server">

  <style type="text/css">

      a.button

        {

            border0;

            margin0;

            padding-left25px;

            height30px;

            width75px;

            displayblock;

            text-alignleft;

            text-decorationnone;

            vertical-alignmiddle;

            line-height29px;

            color#000;

            backgroundurl('http://fotos.imagensporfavor.com/img/pics/glitters/g/gato-12194.gif') no-repeat 0 0;

        }

  </style>

</head>

<body>

  <form id="form1" runat="server">

    <asp:LinkButton ID="lbtnAdd" runat="server" CssClass="button">Adicionar</asp:LinkButton>

  </form>

</body>

</html>