How to add a background image to a Label in asp.net

asp.net example - label background image
in this tips we will see how to change the asp.net label control's background. here we set a background image in label and apply it as a repeatable image. it's make the label control very different looking from normal label control. in asp.net label control there are no built in property to setup the label background image. so we need to apply core css here. we just create a css section in document header and added it as label style attribute.
label-background-image.aspx

<%@ Page Language="C#" AutoEventWireup="true"%>  
    
<!DOCTYPE html>
      
<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        Label1.CssClass = "LabelBackgroundImageStyle";

        //another way to apply background image in label control.
        //Label1.Style.Add("background-image","url(http://1.bp.blogspot.com/-__K7OBRzLR8/UbWycCa51xI/AAAAAAAAKB4/w7cvnG0herU/s1600/bggray.gif)");
        //Label1.Style.Add("background-repeat","repeat");
    }  
</script>      
      
<html xmlns="http://www.w3.org/1999/xhtml">      
<head id="Head1" runat="server">      
    <style type="text/css">
        .LabelBackgroundImageStyle {
            background-image:url(http://1.bp.blogspot.com/-__K7OBRzLR8/UbWycCa51xI/AAAAAAAAKB4/w7cvnG0herU/s1600/bggray.gif);
            background-repeat:repeat;
        }
    </style>      
    <title>asp.net example - label background image</title>
</head>      
<body>      
    <form id="form1" runat="server">      
    <div>      
        <h2 style="color:MidnightBlue; font-style:italic;">      
            asp.net example - label background image
        </h2>      
        <hr width="550" align="left" color="Gainsboro" />      
        <asp:Label       
            ID="Label1"       
            runat="server"      
            Text="click here to set label background image."
            Font-Size="XX-Large"
            ForeColor="DimGray"
            Height="100"
            Width="500"
            >      
        </asp:Label>      
        <br /><br /><br />
        <asp:Button   
            ID="Button1"   
            runat="server"   
            Text="label background image"  
            OnClick="Button1_Click"
            Height="40"  
            Font-Bold="true"  
            />  
    </div>      
    </form>      
</body>      
</html>
More asp.net examples