<%@ Page Language="C#" AutoEventWireup="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Button1_Click(object sender, System.EventArgs e)
{
BulletedList1.Style.Add("Padding", "10px 25px 10px 55px");
BulletedList1.Style.Add("font-family", "Courier New");
BulletedList1.Style.Add("font-size", "x-large");
BulletedList1.Style.Add("font-style", "italic");
BulletedList1.Style.Add("text-decoration", "underline");
BulletedList1.Style.Add("border", "2px dotted darkred");
BulletedList1.Style.Add("background-color", "red");
BulletedList1.Style.Add("color", "Blue");
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Css Style Using Button Controls</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2 style="color: midnightblue; font-style: italic;">
Css Style Using Button Controls
</h2>
<hr align="left" color="SkyBlue" width="450" />
<asp:bulletedlist backcolor="Crimson" forecolor="Snow" id="BulletedList1" runat="server" width="500">
<asp:listitem>Rahul</asp:listitem>
<asp:listitem>Anshul</asp:listitem>
<asp:listitem>Sorabh</asp:listitem>
<asp:listitem>Anil</asp:listitem>
<asp:listitem>Shila</asp:listitem>
<asp:listitem>Ravina</asp:listitem>
</asp:bulletedlist>
<asp:button font-bold="true" forecolor="DarkBlue" height="45" id="Button1" onclick="Button1_Click" runat="server" text="Change CSS Style In BulletedList">
</asp:button></div>
</form>
</body>
</html>
Demo-:
0 comments:
Post a Comment