一、按鈕樣式
.buttoncss {
font-family: "tahoma", "宋體"; /*www.52css.com*/
字體大小：9pt；顏色：#003399；
邊框：1px #003399 實心；
顏色：#006699；
底部邊框：#93bee2 1px 實心；
左邊框：#93bee2 1px 實心；
右邊框：#93bee2 1px 實心；
頂部邊框：#93bee2 1px 實心；
背景圖像：url(../images/bluebuttonbg.gif);
背景顏色：#e8f4ff；
遊標：手；
字體樣式：正常；
寬度：60px；
高度：22px；
}
2、藍色按鈕
.bluebuttoncss {
font-family: "tahoma", "宋體"; /*www.52css.com*/
字體大小：9pt；顏色：#003366；
邊框：0px #93bee2 實心；
底部邊框：#93bee2 1px 實心；
左邊框：#93bee2 1px 實心；
右邊框：#93bee2 1px 實心；
頂部邊框：#93bee2 1px 實心；*/
背景圖像：url(../images/blue_button_bg.gif);
背景顏色：#ffffff；
遊標：手；
字體樣式：正常；
}
3、紅色按鈕
.redbuttoncss {
font-family: "tahoma", "宋體"; /*www.52css.com*/
字體大小：9pt；顏色：#0066cc；
邊框：1px #93bee2 實心；
底部邊框：#93bee2 1px 實心；
左邊框：#93bee2 1px 實心；
右邊框：#93bee2 1px 實心；
頂部邊框：#93bee2 1px 實心；
背景圖像：url(../images/redbuttonbg.gif);
背景顏色：#ffffff；
遊標：手；
字體樣式：正常；
}
4、選擇按鈕
.selectbuttoncss{
font-family: "tahoma", "宋體"; /*www.52css.com*/
字體大小：9pt；顏色：#0066cc；
邊框：1px #93bee2 實心；
底部邊框：#93bee2 1px 實心；
左邊框：#93bee2 1px 實心；
右邊框：#93bee2 1px 實心；
頂部邊框：#93bee2 1px 實心；
背景圖像：url(../images/blue_button_bg.gif);
背景顏色：#ffffff；
遊標：手；
字體樣式：正常；
}
5、綠色按鈕
.greenbuttoncss {
font-family: "tahoma", "宋體"; /*www.52css.com*/
字體大小：9pt；顏色：#0066cc；
邊框：1px #93bee2 實心；
底部邊框：#93bee2 1px 實心；
左邊框：#93bee2 1px 實心；
右邊框：#93bee2 1px 實心；
頂部邊框：#93bee2 1px 實心；
背景圖像：url(../images/greenbuttonbg.gif);
背景顏色：#ffffff；
遊標：手；
字體樣式：正常；
}
6、圖片按鈕
.imagebutton{
遊標：手； /*改變滑鼠形狀www.52css.com*/
}
7、頁面內文
{
滾動條面顏色：#ededf3；
捲軸突出顯示顏色：#ffffff；
滾動條陰影顏色：#93949f；
滾動條-3dlight-顏色：#ededf3；
滾動條箭頭顏色：#082468；
滾動條軌道顏色：#f7f7f9；
滾動條暗陰影顏色：#ededf3；
字體大小：9pt； /*www.52css.com*/
顏色：#003366；
溢出：自動；
}
td { 字體大小：12px }
th {
字體大小：12px；
}
8、下拉選擇框
select{
右邊框：#000000 1px 實心；
上邊框：#ffffff 1px 實心；
字體大小：12px； /*www.52css.com*/
左邊框：#ffffff 1px 實心；
顏色：#003366；
邊框底部：#000000 1px 實心；
背景顏色：#f4f4f4；
}
9.線條文字編輯框
.editbox{
背景：#ffffff；
邊框：1px實心#b7b7b7；
顏色：#003366；
遊標：文字；
字體系列：「arial」；
字體大小：9pt；
高度：18px；
內邊距：1px； /*www.52css.com*/
}
10、多行文字方塊
.multieditbox{
背景：#f8f8f8；
邊框底部：#b7b7b7 1px 實心；
左邊框：#b7b7b7 1px 實心；
右邊框：#b7b7b7 1px 實心；
頂部邊框：#b7b7b7 1px 實心；
顏色：#000000；
遊標：文字；
字體系列：「arial」；
字體大小：9pt；
內邊距：1px； /*www.52css.com*/
}
11、陰影風格的表單
.shadow {
位置：絕對；
z 索引：1000；
頂部：0px；
左：0px； /*www.52css.com*/
背景：灰色；
背景顏色：#ffcc00；
過濾器： progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
12.只顯一條橫線的輸入框
.logintxt{
右邊框：#ffffff 0px 實心；
上邊框：#ffffff 0px 實心；
字體大小：9pt； /*www.52css.com*/
左邊框：#ffffff 0px 實心；
邊框底部：#c0c0c0 1px 實心；
背景顏色：#ffffff
}
13、沒有已知的輸入框
.noneinput{
文字對齊：居中；
寬度：99%；高度：99%；
頂部邊框樣式：無；
右邊框樣式：無；
左邊框樣式：無；
背景顏色：#f6f6f6；
邊框底部樣式：無；
}