一、按钮样式
.buttoncss {
família de fontes: "tahoma", "宋体"; /*www.52css.com*/
tamanho da fonte: 9pt; cor: #003399;
borda: 1px #003399 sólida;
cor:#006699;
borda inferior: #93bee2 1px sólido;
borda esquerda: #93bee2 1px sólido;
borda direita: #93bee2 1px sólido;
borda superior: #93bee2 1px sólido;
imagem de fundo:url(../images/bluebuttonbg.gif);
cor de fundo: #e8f4ff;
cursor: mão;
estilo da fonte: normal;
largura:60px;
altura:22px;
}
2. Baixe
o arquivo.bluebuttoncss {
família de fontes: "tahoma", "宋体"; /*www.52css.com*/
tamanho da fonte: 9pt; cor: #003366;
borda: 0px #93bee2 sólida;
borda inferior: #93bee2 1px sólido;
borda esquerda: #93bee2 1px sólido;
borda direita: #93bee2 1px sólido;
borda superior: #93bee2 1px sólido;*/
imagem de fundo:url(../images/blue_button_bg.gif);
cor de fundo: #ffffff;
cursor: mão;
estilo da fonte: normal;
}
3.
Redbuttoncss {
família de fontes: "tahoma", "宋体"; /*www.52css.com*/
tamanho da fonte: 9pt; cor: #0066cc;
borda: 1px #93bee2 sólido;
borda inferior: #93bee2 1px sólido;
borda esquerda: #93bee2 1px sólido;
borda direita: #93bee2 1px sólido;
borda superior: #93bee2 1px sólido;
imagem de fundo:url(../images/redbuttonbg.gif);
cor de fundo: #ffffff;
cursor: mão;
estilo da fonte: normal;
}
4.Selectbuttoncss
{
família de fontes: "tahoma", "宋体"; /*www.52css.com*/
tamanho da fonte: 9pt; cor: #0066cc;
borda: 1px #93bee2 sólido;
borda inferior: #93bee2 1px sólido;
borda esquerda: #93bee2 1px sólido;
borda direita: #93bee2 1px sólido;
borda superior: #93bee2 1px sólido;
imagem de fundo:url(../images/blue_button_bg.gif);
cor de fundo: #ffffff;
cursor: mão;
estilo da fonte: normal;
}
5.
Greenbuttoncss {
família de fontes: "tahoma", "宋体"; /*www.52css.com*/
tamanho da fonte: 9pt; cor: #0066cc;
borda: 1px #93bee2 sólido;
borda inferior: #93bee2 1px sólido;
borda esquerda: #93bee2 1px sólido;
borda direita: #93bee2 1px sólido;
borda superior: #93bee2 1px sólido;
imagem de fundo:url(../images/greenbuttonbg.gif);
cor de fundo: #ffffff;
cursor: mão;
estilo da fonte: normal;
}
6、图像按钮
.imagebutton{
cursor: mão; /*改变鼠标形状www.52css.com*/
}
7、页面正文
corpo {
cor da barra de rolagem: #ededf3;
cor de destaque da barra de rolagem: #ffffff;
cor da sombra da barra de rolagem: #93949f;
barra de rolagem-3dlight-color: #ededf3;
barra de rolagem-seta-cor: #082468;
cor da faixa da barra de rolagem: #f7f7f9;
barra de rolagem-cor da sombra escura: #ededf3;
tamanho da fonte: 9pt; /*www.52css.com*/
cor: #003366;
estouro:automático;
}
td {tamanho da fonte: 12px}
o {
tamanho da fonte: 12px;
}
8、下拉选择框
select{
borda direita: #000000 1px sólido;
borda superior: #ffffff 1px sólido;
tamanho da fonte: 12px; /*www.52css.com*/
borda esquerda: #ffffff 1px sólido;
cor:#003366;
borda inferior: #000000 1px sólido;
cor de fundo: #f4f4f4;
}
9、线条文本编辑框
.editbox{
plano de fundo: #ffffff;
borda: 1px sólido #b7b7b7;
cor: #003366;
cursor: texto;
família de fontes: "arial";
tamanho da fonte: 9pt;
altura: 18px;
preenchimento: 1px; /*www.52css.com*/
}
10、多行文本框
.multieditbox{
plano de fundo: #f8f8f8;
borda inferior: #b7b7b7 1px sólido;
borda esquerda: #b7b7b7 1px sólido;
borda direita: #b7b7b7 1px sólido;
borda superior: #b7b7b7 1px sólido;
cor: #000000;
cursor: texto;
família de fontes: "arial";
tamanho da fonte: 9pt;
preenchimento: 1px; /*www.52css.com*/
}
11、阴影风格的表单
.shadow {
posição:absoluta;
índice z:1000;
topo:0px;
esquerda:0px; /*www.52css.com*/
fundo:cinza;
cor de fundo:#ffcc00;
filtro: progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positivos=true);
}
12、只显一条横线的输入框
.logintxt{
borda direita: #ffffff 0px sólido;
borda superior: #ffffff 0px sólido;
tamanho da fonte: 9pt; /*www.52css.com*/
borda esquerda: #ffffff 0px sólido;
borda inferior: #c0c0c0 1px sólido;
cor de fundo: #ffffff
}
13、没有边框的输入框
.noneinput{
alinhamento de texto:centro;
largura:99%;altura:99%;
estilo border-top: nenhum;
estilo border-right: nenhum;
estilo de borda esquerda: nenhum;
cor de fundo: #f6f6f6;
estilo border-bottom: nenhum;
}