/* CSS For STOCOM */
/* 主文本区 */
body {
??? font-size:12px;
??? color: #4B4B4B;
??? left: 0px;
??? top: 0px;
??? right: 0px;
??? bottom: 0px;
??? margin: 0px;
??? text-align:center;
}
/* 超链接样式 */
a:link {
??? color: #3366CC;
??? text-decoration: none;
??? font-size: 12px;
}
a:visited {
??? color: #666699;
??? text-decoration: none;
}
a:hover {
??? color: #FF0000;
??? text-decoration: underline;
??? position: relative;
}
/* 短按钮,适合2个字。按钮不在表格内时使用。 */
.btn_short {
??? font-size: 12px;
??? color: #003366;
??? background-color: #FFFFFF;
??? background-image: url(../images/common/btn_short.gif);
??? text-align: center;
??? vertical-align: middle;
??? border: none;
??? height: 23px;
??? width: 47px;
??? cursor: pointer;
}
/* 长按钮,适合4个字。按钮不在表格内时使用。 */
.btn_long {
??? font-size: 12px;
??? color: #003366;
??? background-color: #FFFFFF;
??? background-image: url(../images/common/btn_long.gif);
??? text-align: center;
??? vertical-align: middle;
??? border: none;
??? height: 23px;
??? width: 82px;
??? cursor: pointer;
??? background-repeat:no-repeat;
}
.drop_menu {
??? width: 80%;
}
/* 配合表单使用的表格样式 */
.tb {
??? width: 96%;
??? background-color: #CAD8EA;
??? margin-left:auto;
??? margin-right:auto;
??? margin: 8px;
??? text-indent: 8px;
}
/* .tb样式表格内的单元格,使用.tb时同时生效 */
.tb td {
??? font-size:12px;
??? width: 15%;
??? height: 23px;
???
??? background-color: #FFFFFF;
??? padding-left: 2px;
??? padding-right: 4px;
??? vertical-align: middle;
??? white-space: nowrap;
}
/* .tb样式表格表头:背景图片、左对齐、字体加粗、字体颜色、缩近。用于“查询条件”所在表格表头。 */
.tb td.th_left {
??? font-weight: bold;
??? color: #003366;
??? text-align: left;
??? text-indent: 10px;
??? background-image: url(../images/common/thead_bg.gif);
}
/* .tb样式表格表头:背景图片、居中对齐、字体加粗、字体颜色。用于流程“批量审核小站列表”和“系统提示信息”等表格表头。 */
.tb td.th_center {
??? font-weight:bold;
??? color: #003366;
??? text-align: center;
??? text-indent:10px;
??? background-image: url(../images/common/thead_bg.gif);
}
/* .tb样式表格数据项的label:右对齐。适用于“表单项”或者“查看详情”的label。 */
.tb td.td_right {
??? text-align: right;
}
/* .tb样式表格内的单元格,4列。 */
.tb td.td_4cols {
??? width: 25%;
}
/* .tb样式表格内的单元格,6列。 */
.tb td.td_6cols {
??? width: 18%;
}
/* .tb样式表格内的单元格,留给客户端自定义。 */
.tb td.td_custom {
??? width: auto;
??? height: auto;
???
??? padding-left: inherit;
??? padding-right: inherit;
??? white-space: normal;
}
/* .tb样式表格内的input,使用.tb时同时生效。 */
.tb input {
??? width: 80%;
??? border-top-width: 1px;
??? border-right-width: 1px;
??? border-bottom-width: 1px;
??? border-left-width: 1px;
??? border-top-style: solid;
??? border-right-style: solid;
??? border-bottom-style: solid;
??? border-left-style: solid;
???
??? border-top-color: #6699CC;
??? border-right-color: #DFE8F3;
??? border-bottom-color: #DFE8F3;
??? border-left-color: #6699CC;
???
??? /* 对.tb样式表格内的checkbox, radio特殊处理,IE专用 */
??? width: expression((this.type=="checkbox" || this.type=="radio") ? "20px" : "style");
??? border: expression((this.type=="checkbox" || this.type=="radio") ? "none" : "style");
}
/* 对.tb样式表格内的checkbox, radio特殊处理,兼容firefox */
.tb input[type="checkbox"], input[type="radio"] {
??? width: 20px;
??? border: 0px;
}
/* .tb样式表格内的input,占整行1/3的。 */
.tb input.ipt_short {
??? width: 32%;
}
/* .tb样式表格内的input,留给客户端自定义。 */
.tb input.ipt_custom {
??? width: auto;
}
/* .tb样式表格内的短按钮,适合2个字。 */
.tb input.btn_short {
??? font-size: 12px;
??? color: #003366;
??? background-color: #FFFFFF;
??? background-image: url(../images/common/btn_short.gif);
??? text-align: center;
??? vertical-align: middle;
??? border: none;
??? height: 23px;
??? width: 47px;
??? cursor: pointer;
}
/* .tb样式表格内的长按钮,适合4个字。 */
.tb input.btn_long {
??? font-size: 12px;
??? color: #003366;
??? background-color: #FFFFFF;
??? background-image: url(../images/common/btn_long.gif);
??? text-align: center;
??? vertical-align: middle;
??? border: none;
??? height: 23px;
??? width: 82px;
??? cursor: pointer;
??? background-repeat:no-repeat;
}
/* .tb样式表格内的textarea,使用.tb时同时生效。 */
.tb textarea {
??? width: 80%;
??? border-top-width: 1px;
??? border-right-width: 1px;
??? border-bottom-width: 1px;
??? border-left-width: 1px;
??? border-top-style: solid;
??? border-right-style: solid;
??? border-bottom-style: solid;
??? border-left-style: solid;
???
??? border-top-color: #6699CC;
??? border-right-color: #DFE8F3;
??? border-bottom-color: #DFE8F3;
??? border-left-color: #6699CC;
}
/* .tb样式表格内的textarea,留给客户端自定义。 */
.tb textarea.ta_custom {
??? width: auto;
}
相关推荐
Dreamweaver CS6中使用CSS定义链接样式.pdf 学习资料 复习资料 教学资源
css定义表css定义表css定义表css定义表css定义表
css例子培训资料及常用css定义,css例子培训资料及常用css定义
CSS定义下划线样式_莱茵河的小鱼_新浪博客.mht
}.top_UserLogin /* 顶部用户登录文字链接的CSS定义 */{color: #037FA8}/* ==top.asp中的CSS定义结束== *//* ==网页中部中的CSS定义开始== */.center_tdbgall /* 中部表格总背景颜色定义 */{background:#ffffff;...
用CSS定义标题的几个实例
CSS定义Div区域的LI列表响应鼠标变色.rarCSS定义Div区域的LI列表响应鼠标变色.rarCSS定义Div区域的LI列表响应鼠标变色.rarCSS定义Div区域的LI列表响应鼠标变色.rar
CSS定义立体化渐变按钮,按钮立体化,选中变化!水晶按钮
CSS定义问题.docx
又使用,又好看,用CSS定义表单的SELECT元素的样式表现。
css定义相册css定义相册
css定义超链接是要有先后顺序的。否则,在某些浏览器里面有可能会出现某个样式不起作用的bug。不能正确显示想要的效果。 CSS属性的排列顺序: L-V-H-A 。 L-V-H-A是link、visited、hover、active的简写。 它们分别...
XML应用开发(软件品牌)-1期 4.1 课堂实践-CSS定义和引用.doc 学习资料 复习资料 教学资源
XML应用开发(软件品牌)-1期 4.1 案例分析-CSS定义和引用.doc 学习资料 复习资料 教学资源
css规范命名和定义词规范命名和定义词规范命名和定义词
使用css来定义表格样式。网上正好有现成的,放在这里做个参考。
CSS的视频教程 直接为exe文件 打开就可以听的
CSS定义如何显示HTML元素,全称:Cascading Style Sheet,实现结构与表现一定程度的分离 ,从而提高编写效率和方便日后维护。 目录大纲 简介与准备 CSS的创建方法 CSS的基本语法 层叠与继承 选择器(Selector) 字体...
CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表: 属性 属性含义 属性值 Word-spacing 定义了各个单词之间的间距 Normal必须以长度为...
React CSS组件 目录动机使用CSS定义React表达组件(如果愿意,甚至定义为SASS或更少)。 该实现基于。 实际上,React CSS Components只是CSS模块之上的瘦API。 注意:当前实现基于Webpack,但是所有内容都可以移植到...