一、按钮样式
.buttoncss {
フォントファミリー: "tahoma"、"宋体"; /*www.52css.com*/
フォントサイズ:9pt;色: #003399;
ボーダー: 1px #003399 ソリッド;
色:#006699;
ボーダーボトム: #93bee2 1px ソリッド;
ボーダー左: #93bee2 1px ソリッド;
ボーダー右: #93bee2 1px ソリッド;
ボーダートップ: #93bee2 1px ソリッド;
背景画像:url(../images/bluebuttonbg.gif);
背景色: #e8f4ff;
カーソル: 手;
フォントスタイル: 通常;
幅:60ピクセル;
高さ:22ピクセル;
}
2、蓝色按钮
.bluebuttoncss {
フォントファミリー: "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 {
フォントファミリー: "tahoma"、"宋体"; /*www.52css.com*/
フォントサイズ: 9pt;色: #0066cc;
ボーダー: 1px #93bee2 ソリッド;
ボーダーボトム: #93bee2 1px ソリッド;
ボーダー左: #93bee2 1px ソリッド;
ボーダー右: #93bee2 1px ソリッド;
ボーダートップ: #93bee2 1px ソリッド;
背景画像:url(../images/redbuttonbg.gif);
背景色: #ffffff;
カーソル: 手;
フォントスタイル: 通常;
}
4、选择按钮
.selectbuttoncss{
フォントファミリー: "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 {
フォントファミリー: "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;
スクロールバー 3d ライトの色: #ededf3;
スクロールバーの矢印の色: #082468;
スクロールバーのトラックの色: #f7f7f9;
スクロールバーのダークシャドウの色: #ededf3;
フォントサイズ: 9pt; /*www.52css.com*/
色: #003366;
オーバーフロー:自動;
}
td { フォントサイズ: 12px }
番目の{
フォントサイズ: 12px;
}
8、下拉选
择框選択{
ボーダー右: #000000 1px ソリッド;
ボーダートップ: #ffffff 1px ソリッド;
フォントサイズ: 12px; /*www.52css.com*/
ボーダー左: #ffffff 1px ソリッド;
色:#003366;
border-bottom: #000000 1px ソリッド;
背景色: #f4f4f4;
}
9、線上文本编辑框
.editbox{
背景: #ffffff;
境界線: 1 ピクセルの実線 #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;
左:0ピクセル; /*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;
ボーダーボトムスタイル: なし;
}