Css-style


            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" 	Inherits="UsingCSS" %>



   Using CSS
   
    body { background: #fffafa; margin: 1em; font: small/1.5em verdana, arial, sans-serif;   }
    h1 { background: gold; font: bold 120% verdana, helvetical, sans-serif; color: black; letter-spacing: 0.25em; padding: 0.25em; }
    .controlPanel { 
          padding: 0.5em; border: black 1px solid;
          background: #eee8a; margin: 1.5em; width: 75%; 
    }
    .pullQuoteOne { 
          padding: 0.25em;
            border: solid 7px #908070;
           border-right-width: 0;
           border-left-width: 0;
          background: lightgrey; 
          float: right;  
          margin: 0.25em 1em; 
          font: bold 90% arial, helvetica, verdana, sans-serif;     
          width: 15em; 
    }    
    .pullQuoteTwo { 
          padding: 0.25em;
          background: #adc175; 
          float: left; 
          margin: 1.5em; 
          font: bold 105% times new roman, serif; 
          border: #82a91b 2px solid; 
          width: 10em;
    }
   


   
         
        this is a test.
         
      
            Modify styles using drop-down lists below:
            Paragraph Text text-transform style:
            
               Choose a text-transform style
               lowercase
               uppercase
               capitalize
            
            Pull Quote CSS class:
            
               Choose a css class
               pullQuoteOne
               pullQuoteTwo


   


File: Default.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class UsingCSS : System.Web.UI.Page
{
   protected void drpParagraph_SelectedIndexChanged(object sender, EventArgs e)
   {
      if (drpParagraph.SelectedIndex > 0)
      {
         labOne.Style["text-transform"] = drpParagraph.SelectedValue;
         labTwo.Style["text-transform"] = drpParagraph.SelectedValue;
      }
   }
   protected void drpPull_SelectedIndexChanged(object sender, EventArgs e)
   {
      if (drpPull.SelectedIndex > 0)
         labPullQuote.CssClass = drpPull.SelectedValue; 
   }
}

ASP Net Controls ASP.Net Tutorial