Dynamically get CSS styles (Themes) from database in ASP.Net

Please refer this code

HTML

<div id="div1" runat="server">
</div>

Namespaces

using System.Text;
using System.Configuration;
using System.Data.SqlClient;

C#

protected void Page_Load(object sender, EventArgs e)
{
    StringBuilder sb = new StringBuilder();
    sb.Append("<ul id='menu' runat='server'>" +
        "<li>India</li>" +
        "<li>Germany</li>" +
        "<li>US</li>"
        + "</ul>");
    this.div1.InnerHtml = sb.ToString();
}

[System.Web.Services.WebMethod]
public static string[] GetStyle()
{
    string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
    using (SqlConnection con = new SqlConnection(constr))
    {
        using (SqlCommand cmd = new SqlCommand("SELECT * FROM tblStyles", con))
        {
            con.Open();
            SqlDataReader sdr = cmd.ExecuteReader();
            sdr.Read();
            string bgcolor = sdr["backgroundcolor"].ToString();
            string fontStyle = sdr["fontstyle"].ToString();
            string fontFamily = sdr["fontfamily"].ToString();
            string fontWeight = sdr["fontweight"].ToString();
            string fontSize = sdr["fontsize"].ToString();
            con.Close();
            string[] styleArray = (bgcolor + "," + fontStyle + "," + fontFamily + "," + fontWeight + "," + fontSize).Split(',');
            return styleArray;
        }
    }
}

jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $.ajax({
        type: "POST",
        url: "SetStyleFromDatabase.aspx/GetStyle",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            var styleArray = response.d;
            $('#menu').css({
                "background-color": styleArray[0],
                "font-style": styleArray[1],
                "font-family": styleArray[2],
                "font-weight": styleArray[3],
                "font-size": styleArray[4],
                "width": '100px',
                "margin": '0'
            });
        },
        failure: function (response) {
            alert(response.d);
        }
    });

</script>

Screenshot

SQL