เดี่ยว 按钮样式
.buttoncss {
ตระกูลฟอนต์: "tahoma", "宋体"; /*www.52css.com*/
ขนาดตัวอักษร:9pt; สี: #003399;
เส้นขอบ: 1px #003399 ทึบ;
สี:#006699;
ขอบล่าง: #93bee2 1px ทึบ;
ขอบซ้าย: #93bee2 1px solid;
เส้นขอบขวา: #93bee2 1px ทึบ;
ขอบบน: #93bee2 1px ทึบ;
ภาพพื้นหลัง: url (../images/bluebuttonbg.gif);
สีพื้นหลัง: #e8f4ff;
เคอร์เซอร์: มือ;
รูปแบบตัวอักษร: ปกติ ;
ความกว้าง:60px;
ความสูง:22px;
-
2、蓝色按钮
.bluebuttoncss {
ตระกูลฟอนต์: "tahoma", "宋体"; /*www.52css.com*/
ขนาดตัวอักษร: 9pt; สี: #003366;
เส้นขอบ: 0px #93bee2 ทึบ;
ขอบล่าง: #93bee2 1px ทึบ;
ขอบซ้าย: #93bee2 1px solid;
เส้นขอบขวา: #93bee2 1px ทึบ;
ขอบบน: #93bee2 1px solid;*/
ภาพพื้นหลัง:url(../images/blue_button_bg.gif);
สีพื้นหลัง: #ffffff;
เคอร์เซอร์: มือ;
รูปแบบตัวอักษร: ปกติ ;
-
3、红色按钮
.redbuttoncss {
ตระกูลฟอนต์: "tahoma", "宋体"; /*www.52css.com*/
ขนาดตัวอักษร: 9pt; สี: #0066cc;
เส้นขอบ: 1px #93bee2 ทึบ;
ขอบล่าง: #93bee2 1px ทึบ;
ขอบซ้าย: #93bee2 1px solid;
เส้นขอบขวา: #93bee2 1px ทึบ;
ขอบบน: #93bee2 1px ทึบ;
ภาพพื้นหลัง:url(../images/redbuttonbg.gif);
สีพื้นหลัง: #ffffff;
เคอร์เซอร์: มือ;
รูปแบบตัวอักษร: ปกติ ;
-
4、选择按钮
.selectbuttoncss{
ตระกูลฟอนต์: "tahoma", "宋体"; /*www.52css.com*/
ขนาดตัวอักษร: 9pt; สี: #0066cc;
เส้นขอบ: 1px #93bee2 ทึบ;
ขอบล่าง: #93bee2 1px ทึบ;
ขอบซ้าย: #93bee2 1px solid;
เส้นขอบขวา: #93bee2 1px ทึบ;
ขอบบน: #93bee2 1px ทึบ;
ภาพพื้นหลัง:url(../images/blue_button_bg.gif);
สีพื้นหลัง: #ffffff;
เคอร์เซอร์: มือ;
รูปแบบตัวอักษร: ปกติ ;
-
5.greenbuttoncss
{
ตระกูลฟอนต์: "tahoma", "宋体"; /*www.52css.com*/
ขนาดตัวอักษร: 9pt; สี: #0066cc;
เส้นขอบ: 1px #93bee2 ทึบ;
ขอบล่าง: #93bee2 1px ทึบ;
ขอบซ้าย: #93bee2 1px solid;
เส้นขอบขวา: #93bee2 1px ทึบ;
ขอบบน: #93bee2 1px ทึบ;
ภาพพื้นหลัง: url (../images/greenbuttonbg.gif);
สีพื้นหลัง: #ffffff;
เคอร์เซอร์: มือ;
รูปแบบตัวอักษร: ปกติ ;
-
6 รูปภาพ按钮
.imagebutton{
เคอร์เซอร์: มือ; /*改变鼠标形状www.52css.com*/
-
7、页的正文
ร่างกาย {
แถบเลื่อนสีหน้า: #ededf3;
แถบเลื่อนไฮไลต์สี: #ffffff;
แถบเลื่อนสีเงา: #93949f;
scrollbar-3dlight-color: #ededf3;
แถบเลื่อน-ลูกศร-สี: #082468;
แถบเลื่อนสีแทร็ก: # f7f7f9;
แถบเลื่อน-darkshadow-สี: #ededf3;
ขนาดตัวอักษร: 9pt; /*www.52css.com*/
สี: #003366;
ล้น:อัตโนมัติ;
-
td { ขนาดตัวอักษร: 12px }
ไทย {
ขนาดตัวอักษร: 12px;
-
8、下拉选择框
select{
เส้นขอบขวา: #000000 1px ทึบ;
ขอบด้านบน: #ffffff 1px ทึบ;
ขนาดตัวอักษร: 12px; /*www.52css.com*/
ขอบซ้าย: #ffffff 1px solid;
สี:#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 solid;
ขอบล่าง: #c0c0c0 1px ทึบ;
สีพื้นหลัง: #ffffff
-
13、没有边框的输入框
.noneinput{
การจัดตำแหน่งข้อความ: กึ่งกลาง;
ความกว้าง:99%;ความสูง:99%;
สไตล์ขอบบน: ไม่มี;
เส้นขอบขวาสไตล์: ไม่มี;
สไตล์เส้นขอบซ้าย: ไม่มี;
สีพื้นหลัง: #f6f6f6;
สไตล์ขอบล่าง: ไม่มี;
-