常用CSS集合
常用CSS集合
发布时间:2016-12-29 来源:查字典编辑
摘要:/**//*按钮样式*/.ButtonCSS{}{font-family:"Tahoma","宋体";font-size:9pt;color...

/**//*按钮样式*/

.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:2pxsolid#ffffff;border-right:1pxsolid#ffffff;border-left:1pxsolid#ffffff;color:#000000}

TABLE.ListTH{}{background-color:#0064a8;border-top:2pxsolid#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;border-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);

}

/**//*****************************************************

小标题

*****************************************************/

.smalltitle{}{

background-color:#E8E8E8;font-size:12px;font-weight:normal;color:#006699;

}

.calendarborder{}{

border:1px#B7B7B7solid;

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类