CSS常用样式.docx
- 文档编号:10418039
- 上传时间:2023-02-11
- 格式:DOCX
- 页数:12
- 大小:16.12KB
CSS常用样式.docx
《CSS常用样式.docx》由会员分享,可在线阅读,更多相关《CSS常用样式.docx(12页珍藏版)》请在冰豆网上搜索。
CSS常用样式
CSS常用样式
一、按钮样式*/
.ButtonCss{}{
font-family:
"Tahoma","宋体";
font-size:
9pt;color:
#003399;
border:
1px#003399solid;
color:
006699;
BORDER-BOTTOM:
#93bee21pxsolid;
BORDER-LEFT:
#93bee21pxsolid;
BORDER-RIGHT:
#93bee21pxsolid;
BORDER-TOP:
#93bee21pxsolid;
background-image:
url(../Images/bluebuttonbg.gif);
background-color:
#e8f4ff;
CURSOR:
hand;
font-style:
normal;
width:
60px;
height:
22px;
}
/**//*蓝色按钮样式*/
.blueButtonCss{}{
font-family:
"Tahoma","宋体";
font-size:
9pt;color:
#003366;
border:
0px#93bee2solid;
/**//*BORDER-BOTTOM:
#93bee21pxsolid;
BORDER-LEFT:
#93bee21pxsolid;
BORDER-RIGHT:
#93bee21pxsolid;
BORDER-TOP:
#93bee21pxsolid;*/
background-image:
url(../Images/blue_button_bg.gif);
background-color:
#ffffff;
CURSOR:
hand;
font-style:
normal;
}
/**//*红色按钮样式*/
.redButtonCss{}{
font-family:
"Tahoma","宋体";
font-size:
9pt;color:
#0066cc;
border:
1px#93bee2solid;
BORDER-BOTTOM:
#93bee21pxsolid;
BORDER-LEFT:
#93bee21pxsolid;
BORDER-RIGHT:
#93bee21pxsolid;
BORDER-TOP:
#93bee21pxsolid;
background-image:
url(../Images/redbuttonbg.gif);
background-color:
#ffffff;
CURSOR:
hand;
font-style:
normal;
}
/**//*选择按钮样式*/
.selectButtonCss
{}{
font-family:
"Tahoma","宋体";
font-size:
9pt;color:
#0066cc;
border:
1px#93bee2solid;
BORDER-BOTTOM:
#93bee21pxsolid;
BORDER-LEFT:
#93bee21pxsolid;
BORDER-RIGHT:
#93bee21pxsolid;
BORDER-TOP:
#93bee21pxsolid;
background-image:
url(../Images/blue_button_bg.gif);
background-color:
#ffffff;
CURSOR:
hand;
font-style:
normal;
}
/**//*绿色按钮样式*/
.greenButtonCss{}{
font-family:
"Tahoma","宋体";
font-size:
9pt;color:
#0066cc;
border:
1px#93bee2solid;
BORDER-BOTTOM:
#93bee21pxsolid;
BORDER-LEFT:
#93bee21pxsolid;
BORDER-RIGHT:
#93bee21pxsolid;
BORDER-TOP:
#93bee21pxsolid;
background-image:
url(../Images/greenbuttonbg.gif);
background-color:
#ffffff;
CURSOR:
hand;
font-style:
normal;
}
/**//*图像按钮*/
.imageButton
{}{
CURSOR:
hand; /**//*改变鼠标形状*/
}
/**//*页面正文样式*/
body
{}{
scrollbar-face-color:
#EDEDF3;
scrollbar-highlight-color:
#ffffff;
scrollbar-shadow-color:
#93949F;
scrollbar-3dlight-color:
#EDEDF3;
scrollbar-arrow-color:
#082468;
scrollbar-track-color:
#F7F7F9;
scrollbar-darkshadow-color:
#EDEDF3;
font-size:
9pt;
color:
#003366;
overflow:
auto;
}
TD{}{FONT-SIZE:
12px}
TH
{}{
FONT-SIZE:
12px;
}
/**//*************************************
下拉选择框显示风格
*************************************/
SELECT
{}{
BORDER-RIGHT:
#0000001pxsolid;
BORDER-TOP:
#FFFFFF1pxsolid;
FONT-SIZE:
12px;
BORDER-LEFT:
#FFFFFF1pxsolid;
COLOR:
#003366;
BORDER-BOTTOM:
#0000001pxsolid;
BACKGROUND-COLOR:
#f4f4f4;
}
/**//*****************************************************
超级链接显示风格
*****************************************************/
A:
Link,A:
Visited{}{color:
#223355;text-decoration:
none}
A:
Hover{}{color:
red;text-decoration:
none;}
A.highlight:
link,A.highlight:
visited{}{color:
red;text-decoration:
none}
A.highlight:
hover{}{color:
red;text-decoration:
underline}
A.thisclass:
link,A.thisclass:
visited{}{color:
#D9EBFD;font-weight:
bold;text-decoration:
none}
A.thisclass:
hover{}{color:
#FFFFFF;font-weight:
bold;}
A.navlink:
link,A.navlink:
visited{}{color:
#D9EBFD;text-decoration:
none}
A.navlink:
hover{}{color:
#FFFFFF;text-decoration:
none}
/**//*****************************************************
线条文本编辑框显示风格
*****************************************************/
.EditBox
{}{
background:
#ffffff;
border:
1pxsolid#B7B7B7;
color:
#003366;
cursor:
text;
font-family:
"Arial";
font-size:
9pt;
height:
18px;
padding:
1px;
}
/**//****************************************************
多行文本框样式
*****************************************************/
.MultiEditBox
{}{
background:
#f8f8f8;
border-bottom:
#B7B7B71pxsolid;
border-left:
#B7B7B71pxsolid;
border-right:
#B7B7B71pxsolid;
border-top:
#B7B7B71pxsolid;
color:
#000000;
cursor:
text;
font-family:
"Arial";
font-size:
9pt;
padding:
1px;
}
/**//*****************************************************
阴影风格的表单
*****************************************************/
.Shadow
{}{
position:
absolute;
z-index:
1000;
top:
0px;
left:
0px;
background:
gray;
background-color:
#FFCC00;
filter:
progid:
DXImageTransform.Microsoft.DropShadow(color=#FF404040,offX=2,offY=2,positives=true);
}
/**//*****************************************************
只显一条横线的Text的样式!
*****************************************************/
.logintxt
{}{
BORDER-RIGHT:
#ffffff0pxsolid;
BORDER-TOP:
#ffffff0pxsolid;
FONT-SIZE:
9pt;
BORDER-LEFT:
#ffffff0pxsolid;
BORDER-BOTTOM:
#c0c0c01pxsolid;
BACKGROUND-COLOR:
#ffffff
}
/**//*****************************************************
DataGrid页眉样式
*****************************************************/
.dgTitle
{}{
height:
25px;
color:
#ffffff;
font-size:
large;
text-align:
center;
vertical-align:
middle;
BACKGROUND-IMAGE:
url(../images/tableTitle2.gif);height:
25px
}
/**//*****************************************************
DataGrid数据显示样式
*****************************************************/
.dgItem
{}{
height:
15px;
text-align:
center;
vertical-align:
middle;
}
/**//*****************************************************
文本框显示样式
*****************************************************/
.clarity
{}{
BORDER-RIGHT:
#ffffff0pxsolid;
BORDER-TOP:
#ffffff0pxsolid;
FONT-SIZE:
9pt;
BORDER-LEFT:
#ffffff0pxsolid;
BORDER-BOTTOM:
#ffffff0pxsolid;
}
TABLE.List{}{border-top:
1pxsolid#000000;border-bottom:
1pxsolid#000000;}
TABLE.ListTH,TABLE.ListTD{}{padding:
4px;background-color:
#eeeeee;border-bottom:
1pxsolid#ffffff;border-right:
1pxsolid#ffffff;border-left:
1pxsolid#ffffff;color:
#000000}
TABLE.ListTH{}{background-color:
#0064a8;border-top:
1pxsolid#ffffff;color:
#ffffff;font-weight:
normal;}
TABLE.ListTHA:
link{}{COLOR:
#ffffff;TEXT-DECORATION:
none}
TABLE.ListTHA:
visited{}{COLOR:
#ffffff;TEXT-DECORATION:
none}
TABLE.ListTHA:
hover{}{COLOR:
#ffffff;TEXT-DECORATION:
underline}
TABLE.FormTH,TABLE.FormTD{}{padding:
4px;background-color:
#f6f6f6;border-bottom:
1pxsolid#F6F6F6;border-right:
1pxsolid#ffffff;border-left:
1pxsolid#ffffff;color:
#000000}
TABLE.FormTH{}{background-color:
#E8E8E8;border-top:
1pxsolid#ffffff;color:
#006699;font-size:
12px;font-weight:
normal;border-bottom:
1px;}
TABLE.FormTHA:
link{}{COLOR:
#ffffff;TEXT-DECORATION:
none}
TABLE.FormTHA:
visited{}{COLOR:
#ffffff;TEXT-DECORATION:
none}
TABLE.FormTHA:
hover{}{COLOR:
#ffffff;TEXT-DECORATION:
underline}
TABLE.SampleTD{}{padding:
2px;background-color:
#f6f6f6;border-bottom:
1pxsolid#000000;border-top:
1pxsolid#000000;border-right:
1pxsolid#000000;border-left:
1pxsolid#000000;color:
#000000}
TABLE.SampleTH{}{background-color:
#AEC1D7;border-bottom:
1pxsolid#000000;border-top:
1pxsolid#000000;border-right:
1pxsolid#000000;border-left:
1pxsolid#000000;color:
#000000;font-weight:
normal;}
TABLE.SampleDTD{}{padding:
2px;bo
rder-bottom:
1pxsolid#000000;border-top:
1pxsolid#000000;border-right:
1pxsolid#000000;border-left:
1pxsolid#000000;color:
#000000}
TABLE.SampleDTH{}{border-bottom:
1pxsolid#000000;border-top:
1pxsolid#000000;border-right:
1pxsolid#000000;border-left:
1pxsolid#000000;color:
#000000;font-weight:
normal;}
TABLE.Form1TH,TABLE.Form1TD{}{padding:
4px;background-color:
#BED8F3;border-bottom:
1pxsolid#ffffff;border-right:
1pxsolid#ffffff;border-left:
1pxsolid#ffffff;color:
#000000}
/**//*****************************************************
没有边框的输入框
*****************************************************/
.NoneInput
{}{
text-align:
center;
width:
99%;height:
99%;
border-top-style:
none;
border-right-style:
none;
border-left-style:
none;
background-color:
#f6f6f6;
border-bottom-style:
none;
}
/**//*****************************************************
扁平风格的表单样式
*****************************************************/
/**//*****************************************************/
TABLE
{}{
border-collapse:
collapse;
}
/**//*
进度条样式
*/
.bi-loading-status{}{
/**//*position:
absolute;*/
width:
150px;
padding:
1px;
overflow:
hidden;
background-color:
Gray;
}
.bi-loading-status.text{}{
white-space:
nowrap;
overflow:
hidden;
width:
100%;
text-overflow:
ellipsis;转溢出,省略号
padding:
1px;
}
.bi-loading-status.progress-bar{}{
border:
1pxsolidThreeDShadow;
background:
window;
height:
10px;
width:
100%;
padding:
1px;
overflow:
hidden;
}
.bi-loading-status.progress-bardiv{}{
background:
Highlight;
overflow:
hidden;
height:
100%;
filter:
Alpha(Opacity=0,FinishOpacity=100,Style=1,StartX=0,StartY=0,FinishX=100,FinishY=0);//滤镜样式
}
/**//*****************************************************
表头背景
*****************************************************/
.tabletop{}{
BACKGROUND-IMAGE:
url(../images/tableTitle2.gif);height:
25px;
}
/**//*****************************************************
大标题
*****************************************************/
.tabletitle{}{
font-family:
"Arial";FONT-SIZE:
12pt;COLOR:
#0066cc;font-weight:
bolder;filter:
progid:
DXImageTransform.Microsoft.DropShadow(color=#CCFFFF,offX=1,offY=1,positives=true);
}
/**//*****
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- CSS 常用 样式
![提示](https://static.bdocx.com/images/bang_tan.gif)