一、按钮样式
.buttoncss {
семейство шрифтов: «tahoma», «宋体»; /*www.52css.com*/
размер шрифта: 9pt; цвет: #003399;
граница: 1 пиксель #003399 сплошная;
цвет: # 006699;
нижняя граница: #93bee2 1 пиксель сплошной;
левая граница: #93bee2 1 пиксель сплошной;
правая граница: #93bee2 1 пиксель сплошной;
border-top: #93bee2 1 пиксель сплошной;
фоновое изображение:url(../images/bluebuttonbg.gif);
цвет фона: #e8f4ff;
курсор: рука;
стиль шрифта: нормальный;
ширина: 60 пикселей;
высота: 22 пикселей;
}
2、蓝色按钮
.bluebuttoncss {
семейство шрифтов: «tahoma», «宋体»; /*www.52css.com*/
размер шрифта: 9pt; цвет: #003366;
граница: 0 пикселей #93bee2 сплошная;
нижняя граница: #93bee2 1 пиксель сплошной;
левая граница: #93bee2 1 пиксель сплошной;
правая граница: #93bee2 1 пиксель сплошной;
border-top: #93bee2 1px сплошной;*/
фоновое изображение:url(../images/blue_button_bg.gif);
цвет фона: #ffffff;
курсор: рука;
стиль шрифта: нормальный;
}
3、红色按钮
.redbuttoncss {
семейство шрифтов: «tahoma», «宋体»; /*www.52css.com*/
размер шрифта: 9pt; цвет: #0066cc;
граница: 1 пиксель #93bee2 сплошная;
нижняя граница: #93bee2 1 пиксель сплошной;
левая граница: #93bee2 1 пиксель, сплошной;
правая граница: #93bee2 1 пиксель сплошной;
border-top: #93bee2 1 пиксель сплошной;
фоновое изображение:url(../images/redbuttonbg.gif);
цвет фона: #ffffff;
курсор: рука;
стиль шрифта: нормальный;
}
4、选择按钮
.selectbuttoncss{
семейство шрифтов: «tahoma», «宋体»; /*www.52css.com*/
размер шрифта: 9pt; цвет: #0066cc;
граница: 1 пиксель #93bee2 сплошная;
нижняя граница: #93bee2 1 пиксель сплошной;
левая граница: #93bee2 1 пиксель сплошной;
правая граница: #93bee2 1 пиксель сплошной;
border-top: #93bee2 1 пиксель сплошной;
фоновое изображение:url(../images/blue_button_bg.gif);
цвет фона: #ffffff;
курсор: рука;
стиль шрифта: нормальный;
}
5、绿色按钮
.greenbuttoncss {
семейство шрифтов: «tahoma», «宋体»; /*www.52css.com*/
размер шрифта: 9pt; цвет: #0066cc;
граница: 1 пиксель #93bee2 сплошная;
нижняя граница: #93bee2 1 пиксель сплошной;
левая граница: #93bee2 1 пиксель, сплошной;
правая граница: #93bee2 1 пиксель сплошной;
border-top: #93bee2 1 пиксель сплошной;
фоновое изображение:url(../images/greenbuttonbg.gif);
цвет фона: #ffffff;
курсор: рука;
стиль шрифта: нормальный;
}
6、图像按钮
.imagebutton{
курсор: рука; /*改变鼠标形状www.52css.com*/
}
7、页面正文
body {
полоса прокрутки-face-color: #ededf3;
цвет полосы прокрутки: #ffffff;
цвет полосы прокрутки: #93949f;
полоса прокрутки-3dlight-цвет: #ededf3;
цвет полосы прокрутки: #082468;
цвет полосы прокрутки: #f7f7f9;
полоса прокрутки-darkshadow-color: #ededf3;
размер шрифта: 9pt; /*www.52css.com*/
цвет: #003366;
переполнение: авто;
}
тд {размер шрифта: 12 пикселей}
й {
размер шрифта: 12 пикселей;
}
8、下拉选择框
select{
правая граница: #000000 1 пиксель сплошной;
border-top: #ffffff 1px сплошной;
размер шрифта: 12 пикселей; /*www.52css.com*/
левая граница: #ffffff 1 пиксель сплошной;
цвет: # 003366;
border-bottom: #000000 1px сплошной;
цвет фона: #f4f4f4;
}
9、线条文本编辑框
.editbox{
фон: #ffffff;
граница: сплошная 1 пиксель #b7b7b7;
цвет: #003366;
курсор: текст;
семейство шрифтов: «arial»;
размер шрифта: 9pt;
высота: 18 пикселей;
отступ: 1 пиксель; /*www.52css.com*/
}
10、多行文本框
.multieditbox{
фон: #f8f8f8;
border-bottom: #b7b7b7 1 пиксель сплошной;
левая граница: #b7b7b7 1 пиксель сплошной;
правая граница: #b7b7b7 1 пиксель сплошной;
border-top: #b7b7b7 1 пиксель сплошной;
цвет: #000000;
курсор: текст;
семейство шрифтов: «arial»;
размер шрифта: 9pt;
отступ: 1 пиксель; /*www.52css.com*/
}
11、阴影风格的表单
.shadow {
позиция: абсолютная;
z-индекс: 1000;
верх: 0 пикселей;
слева: 0 пикселей; /*www.52css.com*/
фон: серый;
цвет фона:#ffcc00;
фильтр: progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
12、只显一条横线的输入框
.logintxt{
правая граница: #ffffff 0px сплошная;
border-top: #ffffff 0px сплошной;
размер шрифта: 9pt; /*www.52css.com*/
левая граница: #ffffff 0px сплошная;
border-bottom: #c0c0c0 1px сплошной;
цвет фона: #ffffff
}
13、没有边框的输入框
.noneinput{
выравнивание текста: по центру;
ширина:99%;высота:99%;
стиль границы-топа: нет;
стиль границы-права: нет;
стиль границы слева: нет;
цвет фона: #f6f6f6;
стиль границы внизу: нет;
}