欢迎来到福编程网,本站提供各种互联网专业知识!

常用CSS集合

发布时间:2007-02-27 作者: 来源:转载
/**//*按钮样式*/.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;b
/**//*按钮样式*/
.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;
}

相关推荐