程序博客网 > java开发工程师培训

常用CSS

来源：互联网 发布：java开发工程师培训 编辑：程序博客网 时间：2024/05/17 04:39
/*按钮样式*/.ButtonCss{    font-family: "Tahoma" , "宋体";    font-size: 9pt;    color: #003399;    border: 1px #003399 solid;    color: #006699;    border-bottom: #93bee2 1px solid;    border-left: #93bee2 1px solid;    border-right: #93bee2 1px solid;    border-top: #93bee2 1px solid;    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 #93bee2 solid; /* BORDER-BOTTOM: #93bee2 1px solid;      BORDER-LEFT: #93bee2 1px solid;      BORDER-RIGHT: #93bee2 1px solid;      BORDER-TOP: #93bee2 1px solid;*/    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 #93bee2 solid;    border-bottom: #93bee2 1px solid;    border-left: #93bee2 1px solid;    border-right: #93bee2 1px solid;    border-top: #93bee2 1px solid;    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 #93bee2 solid;    border-bottom: #93bee2 1px solid;    border-left: #93bee2 1px solid;    border-right: #93bee2 1px solid;    border-top: #93bee2 1px solid;    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 #93bee2 solid;    border-bottom: #93bee2 1px solid;    border-left: #93bee2 1px solid;    border-right: #93bee2 1px solid;    border-top: #93bee2 1px solid;    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: #000000 1px solid;    border-top: #FFFFFF 1px solid;    font-size: 12px;    border-left: #FFFFFF 1px solid;    color: #003366;    border-bottom: #000000 1px solid;    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: 1px solid #B7B7B7;    color: #003366;    cursor: text;    font-family: "Arial";    font-size: 9pt;    height: 18px;    padding: 1px;}/****************************************************多行文本框样式*****************************************************/.MultiEditBox{    background: #f8f8f8;    border-bottom: #B7B7B7 1px solid;    border-left: #B7B7B7 1px solid;    border-right: #B7B7B7 1px solid;    border-top: #B7B7B7 1px solid;    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: #ffffff 0px solid;    border-top: #ffffff 0px solid;    font-size: 9pt;    border-left: #ffffff 0px solid;    border-bottom: #c0c0c0 1px solid;    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: #ffffff 0px solid;    border-top: #ffffff 0px solid;    font-size: 9pt;    border-left: #ffffff 0px solid;    border-bottom: #ffffff 0px solid;}TABLE.List{    border-top: 1px solid #000000;    border-bottom: 1px solid #000000;}TABLE.List TH, TABLE.List TD{    padding: 4px;    background-color: #eeeeee;    border-bottom: 2px solid #ffffff;    border-right: 1px solid #ffffff;    border-left: 1px solid #ffffff;    color: #000000;}TABLE.List TH{    background-color: #0064a8;    border-top: 2px solid #ffffff;    color: #ffffff;    font-weight: normal;}TABLE.List TH A:link{    color: #ffffff;    text-decoration: none;}TABLE.List TH A:visited{    color: #ffffff;    text-decoration: none;}TABLE.List TH A:hover{    color: #ffffff;    text-decoration: underline;}TABLE.Form TH, TABLE.Form TD{    padding: 4px;    background-color: #f6f6f6;    border-bottom: 1px solid #F6F6F6;    border-right: 1px solid #ffffff;    border-left: 1px solid #ffffff;    color: #000000;}TABLE.Form TH{    background-color: #E8E8E8;    border-top: 1px solid #ffffff;    color: #006699;    font-size: 12px;    font-weight: normal;    border-bottom: 1px;}TABLE.Form TH A:link{    color: #ffffff;    text-decoration: none;}TABLE.Form TH A:visited{    color: #ffffff;    text-decoration: none;}TABLE.Form TH A:hover{    color: #ffffff;    text-decoration: underline;}TABLE.Sample TD{    padding: 2px;    background-color: #f6f6f6;    border-bottom: 1px solid #000000;    border-top: 1px solid #000000;    border-right: 1px solid #000000;    border-left: 1px solid #000000;    color: #000000;}TABLE.Sample TH{    background-color: #AEC1D7;    border-bottom: 1px solid #000000;    border-top: 1px solid #000000;    border-right: 1px solid #000000;    border-left: 1px solid #000000;    color: #000000;    font-weight: normal;}TABLE.SampleD TD{    padding: 2px;    border-bottom: 1px solid #000000;    border-top: 1px solid #000000;    border-right: 1px solid #000000;    border-left: 1px solid #000000;    color: #000000;}TABLE.SampleD TH{    border-bottom: 1px solid #000000;    border-top: 1px solid #000000;    border-right: 1px solid #000000;    border-left: 1px solid #000000;    color: #000000;    font-weight: normal;}TABLE.Form1 TH, TABLE.Form1 TD{    padding: 4px;    background-color: #BED8F3;    border-bottom: 1px solid #ffffff;    border-right: 1px solid #ffffff;    border-left: 1px solid #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: 1px solid ThreeDShadow;    background: window;    height: 10px;    width: 100%;    padding: 1px;    overflow: hidden;}.bi-loading-status .progress-bar div{    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 #B7B7B7 solid;}
/*按钮样式*/
.ButtonCss
{
    font-family: "Tahoma" , "宋体";
    font-size: 9pt;
    color: #003399;
    border: 1px #003399 solid;
    color: #006699;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;
    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 #93bee2 solid; /* BORDER-BOTTOM: #93bee2 1px solid;      BORDER-LEFT: #93bee2 1px solid;      BORDER-RIGHT: #93bee2 1px solid;      BORDER-TOP: #93bee2 1px solid;*/
    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 #93bee2 solid;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;
    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 #93bee2 solid;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;
    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 #93bee2 solid;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;
    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: #000000 1px solid;
    border-top: #FFFFFF 1px solid;
    font-size: 12px;
    border-left: #FFFFFF 1px solid;
    color: #003366;
    border-bottom: #000000 1px solid;
    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: 1px solid #B7B7B7;
    color: #003366;
    cursor: text;
    font-family: "Arial";
    font-size: 9pt;
    height: 18px;
    padding: 1px;
}
/****************************************************
多行文本框样式
*****************************************************/
.MultiEditBox
{
    background: #f8f8f8;
    border-bottom: #B7B7B7 1px solid;
    border-left: #B7B7B7 1px solid;
    border-right: #B7B7B7 1px solid;
    border-top: #B7B7B7 1px solid;
    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: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    font-size: 9pt;
    border-left: #ffffff 0px solid;
    border-bottom: #c0c0c0 1px solid;
    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: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    font-size: 9pt;
    border-left: #ffffff 0px solid;
    border-bottom: #ffffff 0px solid;
}
TABLE.List
{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
TABLE.List TH, TABLE.List TD
{
    padding: 4px;
    background-color: #eeeeee;
    border-bottom: 2px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    color: #000000;
}
TABLE.List TH
{
    background-color: #0064a8;
    border-top: 2px solid #ffffff;
    color: #ffffff;
    font-weight: normal;
}
TABLE.List TH A:link
{
    color: #ffffff;
    text-decoration: none;
}
TABLE.List TH A:visited
{
    color: #ffffff;
    text-decoration: none;
}
TABLE.List TH A:hover
{
    color: #ffffff;
    text-decoration: underline;
}

TABLE.Form TH, TABLE.Form TD
{
    padding: 4px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #F6F6F6;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    color: #000000;
}
TABLE.Form TH
{
    background-color: #E8E8E8;
    border-top: 1px solid #ffffff;
    color: #006699;
    font-size: 12px;
    font-weight: normal;
    border-bottom: 1px;
}
TABLE.Form TH A:link
{
    color: #ffffff;
    text-decoration: none;
}
TABLE.Form TH A:visited
{
    color: #ffffff;
    text-decoration: none;
}
TABLE.Form TH A:hover
{
    color: #ffffff;
    text-decoration: underline;
}

TABLE.Sample TD
{
    padding: 2px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    color: #000000;
}
TABLE.Sample TH
{
    background-color: #AEC1D7;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    color: #000000;
    font-weight: normal;
}

TABLE.SampleD TD
{
    padding: 2px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    color: #000000;
}
TABLE.SampleD TH
{
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    color: #000000;
    font-weight: normal;
}

TABLE.Form1 TH, TABLE.Form1 TD
{
    padding: 4px;
    background-color: #BED8F3;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #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: 1px solid ThreeDShadow;
    background: window;
    height: 10px;
    width: 100%;
    padding: 1px;
    overflow: hidden;
}


.bi-loading-status .progress-bar div
{
    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 #B7B7B7 solid;
}
 
java开发工程师培训 java开发工程师培训
原创粉丝点击
热门IT博客
淘宝物流单号购买淘宝物流单号购买
ubuntu怎么下载软件ubuntu怎么下载软件
淘宝店怎么加入全球购
比德林斯生涯数据
淘宝隐藏优惠券app
傲剑飞龙升级数据大全
网络舆情报告模板
淘宝商家骂人怎么投诉
自由们翻墙软件7.40
centos 6.5 网络配置
淘宝userid怎么看
java中有listview
在哪里注册淘宝账号
晋江写小说软件
淘宝直播 电脑上看吗
koala mac版
淘宝卖鞋很火的店铺
淘宝网拖把
数据挖掘会议
mac日历收到垃圾信息
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 版面设计图案 版面设计图大全简单 手抄报版面设计图大全高中 数学手抄报版面设计图大全 初中黑板报版面设计图 军训手抄报版面设计图大全 省级期刊版面费多少 重阳节手抄报版面设计图大全 国庆节黑板报版面设计 朝花夕拾手抄版面设计图 随身带个抽奖版面 朝花夕拾手抄报版面设计 吉林省教育学院学报版面费 消防安全黑板报版面设计图 大学生板报设计版面 南宁晚报多媒体数字报版面 牌位写法 祖宗牌位 祖先牌位 牌位图片 牌位 消灾牌位 祠堂牌位 梦见牌位 仙家牌位 灵牌位正确书写图片 祖宗牌位的写法图片 祖宗牌位香火台神台 父母牌位的正确写法图片 牌位上的讳字什么意思 消灾延生牌位 祖宗香火牌位七字对联 三代祖宗牌位的写法图片 梦见牌位是什么征兆 牌位的正确写法及范文 祖先牌位两边七字对联 牌位的正确写法图片 冤亲债主牌位 祖先牌位的正确写法 祖先牌位怎么写 梦见祖宗牌位

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里