上圖，網頁上的文字與元件都沒有特別設定。要套用css，先切換到「原始檔」模式。
開始設定css樣式時，要知道寫在哪？先找到</head>，在它的前面加上<style>…</style>，接下來要設定的css就夾在這個成對標籤中。
如上圖所示，這裡設定了兩個css樣式，一個叫作「txtStyle」，另一個叫作「pp」，css的名稱可以自己隨便亂取，但記得名稱前面要加上一個小點點「.」。
接下來，該怎麼使用呢？看下圖：
因為這是一段純文字，故要套用時，必須使用<p>…</p>這組成對的段落標籤，這樣才不會一套用，整個網頁都被影響。
像上面那樣寫，在<p>裡面宣告它的「class」，要用的是「.txtStyle」這個樣式，接下來看看呈現在瀏覽器上的結果:
以上是呈現的結果。再看看如果是控制項，該怎麼套用，例如那個文字方塊：
沒套用css之前，畫面呈現的樣子如上圖，接下來套用如下：
TextBox文字方塊的背景顏色呈淡黃色，但打上去的字因為是白色的，看不出來，這時，可以直接回去修改css:
這是原來「.pp」裡文字的顏色設定。
改個深一點的來試試：
這樣的效果就能看清楚了。
從以上的操作就知道，在「html」原始檔中，針對一般文字，也就是原始html的設定，要套用css，是使用「class=”css名稱”」；若要套用的css是用在asp的元件，則是用「CssClass=”css名稱”」。
